如何从超文本标记语言中提取出所有的标题textContents并生成一个<ul>列表？

// 获取包含HTML内容的元素
var htmlElement = document.getElementById('html-content');

// 获取所有的标题元素
var headingElements = htmlElement.querySelectorAll('h1, h2, h3');

// 创建<ul>元素
var ulElement = document.createElement('ul');

// 遍历所有标题元素
for (var i = 0; i < headingElements.length; i++) {
  var headingElement = headingElements[i];

  // 提取标题的textContents
  var headingText = headingElement.textContent;

  // 创建<li>元素
  var liElement = document.createElement('li');

  // 将标题text添加到<li>元素中
  liElement.textContent = headingText;

  // 将<li>元素添加到<ul>元素中
  ulElement.appendChild(liElement);
}

// 将<ul>元素插入到HTML文档中的适当位置
var targetElement = document.getElementById('target');
targetElement.appendChild(ulElement);