innerHTML如何使用请举几个简单的例子

.innerHTML是用于修改HTML元素中的内容的属性。以下是几个简单的例子：

修改文本内容：

<p id="myText">Hello World!</p>
<script>
  document.getElementById("myText").innerHTML = "Hello JavaScript!";
</script>

插入HTML标签：

<div id="myDiv"></div>
<script>
  document.getElementById("myDiv").innerHTML = "<h2>Hello World!</h2>";
</script>

添加多个HTML标签：

<ul id="myList"></ul>
<script>
  var fruits = ["Apple", "Banana", "Orange"];
  var list = "";
  for (var i = 0; i < fruits.length; i++) {
    list += "<li>" + fruits[i] + "</li>";
  }
  document.getElementById("myList").innerHTML = list;
</script>