修改 <div> 元素中第一个 class="example" 的 <p> 元素

<div id="myDIV">

  <h2 class="example">div 中 class="example" 的标题</h2>

  <p class="example">div 中 class="example" 的段落。</p>

</div>

<p>点击按钮修改过 div 中的第一个 class="example" 的 p 元素。</p>

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

<script>

  function myFunction() {

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

    x.querySelector("p.example").innerHTML = "Hello World!";

  }

</script>