您的位置: 首页 > 文章 > JavaScript BOM-----操作DOM对象的内容

JavaScript BOM-----操作DOM对象的内容

分类: 文章 • 2024-06-21 10:13:10

操作DOM对象的内容的方式有三种

第一种：用innerHTML修改标签的内容，此时标签任然是标签

JavaScript BOM-----操作DOM对象的内容

运行的结果是

JavaScript BOM-----操作DOM对象的内容

JavaScript BOM-----操作DOM对象的内容

当用innerHTML修改标签时strong仍然起作用，运行结果是

JavaScript BOM-----操作DOM对象的内容

JavaScript BOM-----操作DOM对象的内容

第二种：

用innerText操作标签内容，此时标签不再是标签

JavaScript BOM-----操作DOM对象的内容

此时strong不再起作用，只看成文本，运行结果如下

JavaScript BOM-----操作DOM对象的内容

JavaScript BOM-----操作DOM对象的内容

第三种：

以第二种相同，但第二种是非W3C，第三种是W3C，在同种情况下，建议使用第三种

JavaScript BOM-----操作DOM对象的内容

运行结果如下

JavaScript BOM-----操作DOM对象的内容

JavaScript BOM-----操作DOM对象的内容