如图是自来水消毒过程中发生反应的微观示意图，下列说法正确的是（   ）

A、该反应属于置换反应

B、示意图中的 D 代表 HClO

C、两种生成物的质量比为 1∶1

D、两种生成物中氯元素的化合价相同