下面的例子返回包含文档中所有 <p> 元素的列表，并且这些 <p> 元素应该是 id="main" 的元素的后代（子、孙等等） - 在线编辑器

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
</head>
<body>

  <p>Hello World!</p>

  <div id="main">
    <p>DOM 是非常有用的。</p>
    <p>这个实例演示了 <b>getElementsByTagName</b> 方法的使用。</p>
  </div>

  <script>
    x = document.getElementById("main").getElementsByTagName("p");
    document.write("div 中的第一个段落为: " + x[0].innerHTML);
  </script>

</body>
</html>
​x
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
</head>
<body>
​
  <p>Hello World!</p>
​
  <div id="main">
    <p>DOM 是非常有用的。</p>
    <p>这个实例演示了 <b>getElementsByTagName</b> 方法的使用。</p>
  </div>
​
  <script>
    x = document.getElementById("main").getElementsByTagName("p");
    document.write("div 中的第一个段落为: " + x[0].innerHTML);
  </script>
​
</body>
</html>