当前位置：首页 > 行业动态 > 正文

js中如何使用innerhtml

admin
行业动态
2024-04-05
1

在JavaScript中，可以使用innerHTML属性来获取或设置HTML元素的内容。innerHTML是一个只读属性，用于获取元素的内部HTML内容，如果你想修改一个元素的内部HTML内容，可以使用innerHTML属性。

以下是一个简单的示例：

<!DOCTYPE html>
<html>
<head>
  <title>使用innerHTML示例</title>
</head>
<body>
<h1>标题</h1>
<p id="demo">这是一个段落。</p>
<button onclick="myFunction()">点击我</button>
<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "段落已更改！";
}
</script>
</body>
</html>

在这个示例中，我们有一个<p>元素，其id属性为demo，我们还创建了一个按钮，当单击该按钮时，将调用名为myFunction的JavaScript函数，在myFunction函数中，我们使用document.getElementById("demo").innerHTML获取<p>元素的内容，并将其更改为“段落已更改！”。