温馨提示×

JavaScript中的innerHTML使用方法

小云
136
2023-08-05 15:06:24
栏目: 编程语言

在JavaScript中,可以通过innerHTML属性来获取或设置HTML元素的内容。

  1. 获取元素的内容:
var element = document.getElementById("elementId");
var content = element.innerHTML;
console.log(content);

在上面的代码中,首先使用getElementById方法获取指定id的元素,然后使用innerHTML属性获取该元素的内容,并将内容打印到控制台。

  1. 设置元素的内容:
var element = document.getElementById("elementId");
element.innerHTML = "<p>New content</p>";

在上面的代码中,使用getElementById方法获取指定id的元素,然后使用innerHTML属性设置该元素的内容为新的HTML代码。

请注意,使用innerHTML属性设置元素的内容会替换掉原有的内容,而不仅仅是追加内容。如果要在原有内容的基础上追加新的内容,可以先获取元素的内容,然后在原有内容的基础上进行修改,并使用innerHTML属性设置新的内容。

0