javascript 如何用JS获取HTML标签的属性availables?

qfe3c7zg  于 11个月前  发布在  Java
关注(0)|答案(1)|浏览(137)

例如,HTML标签'CANVAS'有特殊的属性,如宽度="”和高度="“,与'输入','音频'等相同。
使用getComputedStyle()函数获取HTML标记的所有可用样式属性是很棒的,但我想要类似“getComputedAttributes()”的东西
那么,如何让它们的属性简单地显示在console.log()中呢?

aij0ehis

aij0ehis1#

使用本机元素属性:

function getAttributes(element) {
  const attributes = element.attributes;
  const attributeList = [];

  for (let i = 0; i < attributes.length; i++) {
    const attributeName = attributes[i].name;
    const attributeValue = attributes[i].value;
    attributeList.push(`${attributeName}="${attributeValue}"`);
  }

  return attributeList.join(' ');
}

// Example
const myElement = document.getElementById('something');
const elementAttributes = getAttributes(myElement);
console.log(elementAttributes);

字符串
注意事项:
这是正确的,但应该注意的是,这将给予元素上实际存在的属性集合。它不会为可能设置的属性提供给予条目。只是为了清楚。- Pointy
我相信要获得所有本地有效属性的列表,您需要一个存储的列表或从中提取的对象。

相关问题