js获取文章里存在多个不同类型的标签，获取前三个

js文章里存在多个不同类型的标签，比如p标签、h3标签、table标签等，获取文章里面的前三个标签及内容！

html代码如下：

<div id="article">
    <p>
        这是第一个段落。
    </p>
    <h3>
        这是第一个标题。
    </h3>
    <p>
        这是第二个段落。
    </p>
    <h3>
        这是第二个标题。
    </h3>
    <p>
        这是第三个段落。
    </p>
    <!-- 其他内容 -->
</div>

js代码如下：

// 获取文章容器内的所有p和h标签,table标签 
var elements = document.querySelectorAll('#article p, #article h3, #article table');  

if(elements.length > 5){
  var firstThreeItems = [];  
  for (var i = 0; i < 5 && i < elements.length; i++) {  
    const item = {};  
    item.tag = elements[i].tagName.toLowerCase();  ; // 获取标签名称
    item.content = elements[i].textContent; // 获取标签内容  
    firstThreeItems.push(item); // 赋值
  }
  console.log('输出结果：',firstThreeItems)
}