如何使用 javascript 过滤 DOM 元素的不同标签名称

Question

在这里，我使用 querySelectorAll 在数组中插入了所有必需的标记名，我想有条件地对不同的元素执行不同的操作。 如何在遍历每个元素时获取不同的标签名称，

const allCanvas = document.getElementsByTagName("canvas");
const allSvg = document.querySelectorAll(
  ".widget-graph-container svg.rsm-svg "
);
const allElements = [...allCanvas, ...allSvg];

here I have different canvas and svg elements inside allElements array, I want to iterate through each element inside array and perform different action.

allElements.forEach((el, index) => { 
  if (el == 'canvas') { 
    // do something 
  } else if (el == 'svg') { 
   // do something
  }
})

Answer 1

在 forEach 循环中，您可以在迭代的当前元素上使用tagName属性并对其进行比较。 参考 MDN： https://developer.mozilla.org/en-US/docs/Web/API/Element/tagName