3.8 动态替换段落的文本内容

前面两节分别介绍了动态创建和删除文本段落的方法，本节再介绍一下如何动态替换文本内容的方法。动态替换文本内容主要是通过innerText属性或innerHTML属性来实现的。其中，innerText属性主要用来操作纯文本；innerHTML属性既可以用来操作文本，也可以用来操作HTML代码。

下面给出一个JavaScript通过innerText属性和innerHTML属性动态替换文本内容的代码实例。

关于【代码3-8】的说明：

● 第22行代码通过使用innerText属性动态替换了第14行代码中定义的段落中的文本内容。

● 第23行代码通过使用innerHTML属性动态替换了第15行代码中定义的段落中的文本内容。注意，这里在使用innerHTML属性时加入了HTML代码（<b>）实现字体加粗的效果。

下面使用Firefox浏览器运行测试该HTML网页，具体效果如图3.7所示。