温馨提示×

HTML DOM innerHTML属性有什么用

小亿
103
2023-10-11 06:37:44
栏目: 编程语言

innerHTML属性用于获取或设置HTML元素的内容。它可以用于读取元素的内容,也可以用于修改元素的内容。

用法示例:

  1. 获取元素的内容:
var element = document.getElementById("myElement");
var content = element.innerHTML;
console.log(content);
  1. 设置元素的内容:
var element = document.getElementById("myElement");
element.innerHTML = "<p>This is a new content.</p>";

innerHTML属性可以包含HTML标记,因此可以用于添加新的HTML内容或修改元素的现有内容。

需要注意的是,使用innerHTML属性修改元素内容时,会将原有的内容完全替换掉。如果需要在保留现有内容的基础上添加新的内容,可以使用字符串拼接或创建新的DOM节点来实现。

0