例如,HTML标签'CANVAS'有特殊的属性,如宽度="”和高度="“,与'输入','音频'等相同。使用getComputedStyle()函数获取HTML标记的所有可用样式属性是很棒的,但我想要类似“getComputedAttributes()”的东西那么,如何让它们的属性简单地显示在console.log()中呢?
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我相信要获得所有本地有效属性的列表,您需要一个存储的列表或从中提取的对象。
1条答案
按热度按时间aij0ehis1#
使用本机元素属性:
字符串
注意事项:
这是正确的,但应该注意的是,这将给予元素上实际存在的属性集合。它不会为可能设置的属性提供给予条目。只是为了清楚。- Pointy
我相信要获得所有本地有效属性的列表,您需要一个存储的列表或从中提取的对象。