如何使用JS获取html格式的tagName的所有父项？

要使用JS获取HTML格式的tagName的所有父项，可以通过以下步骤实现：

1. 首先，获取目标元素的引用。可以使用document.querySelector()或document.getElementById()等方法获取到目标元素的引用。
2. 创建一个空数组，用于存储父项的tagName。
3. 使用一个循环，不断向上遍历目标元素的父节点，直到遍历到根节点为止。可以使用parentNode属性来获取父节点。
4. 在每次循环中，使用tagName属性获取当前父节点的标签名，并将其添加到数组中。
5. 最后，返回存储了所有父项tagName的数组。

以下是一个示例代码：

function getAllParentTags(element) {
  var parentTags = [];
  var currentNode = element.parentNode;

  while (currentNode !== document.documentElement) {
    parentTags.push(currentNode.tagName);
    currentNode = currentNode.parentNode;
  }

  return parentTags;
}

// 使用示例
var targetElement = document.getElementById('target');
var parentTags = getAllParentTags(targetElement);
console.log(parentTags);

在上述示例中，getAllParentTags()函数接受一个参数element，表示目标元素的引用。函数会返回一个包含所有父项tagName的数组。你可以将targetElement替换为你需要获取父项tagName的具体元素引用。

请注意，上述代码只是一个简单的示例，实际应用中可能需要进行错误处理和适当的优化。