修改 id="demo" 的 <div>元素的第一个子元素文本内容

<div id="myDIV">

  <p id="demo">这是一个 div 中 id="demo" 的 p 元素。</p>

  <p id="demo">这也是一个 div 中 id="demo" 的 p 元素。</p>

</div>

<p>点击按钮修改 div 元素中 第一个 p 元素的文本内容。</p>

<button onclick="myFunction()">点我</button>

<script>

  function myFunction() {

    var x = document.getElementById("myDIV");

    x.querySelector("#demo").innerHTML = "Hello World!";

  }

</script>