如何在Chrome Developer中查看DOM对象的属性？
如何在Chrome Developer中查看DOM对象的属性？
提问于 2012-07-08 12:14:51
我想在Google Chrome Web开发人员工具中检查DOM对象的属性，因此我使用DOM元素作为参数调用了console.debug();：
HTML：
<audio controls="controls">
<source src="http://upload.wikimedia.org/wikipedia/commons/6/65/Star_Spangled_Banner_instrumental.ogg" type="audio/ogg" />
Your browser does not support the audio tag.
</audio>Javascript：
console.debug(document.getElementsByTagName('source')[0]);然而，Chrome控制台在调用console.debug();时只显示元素的超文本标记语言，而不显示DOM节点对象的任何javascript属性。
如何在Chrome Developer中查看DOM对象的属性？我用的是Mac电脑。
回答 3
Stack Overflow用户
回答已采纳
发布于 2012-07-08 12:59:43
您要做的是在末尾添加attributes标签。这将返回一个属性数组。您可能需要JavaScript工具包才能真正做到这一点，但是无论有多少个属性，您都可以使用一个循环来遍历这些属性。
sourceAttributes = document.getElementsByTagName('source')[0].attributes
for(int i=0; i<sourceAttributes.length; i++) {
console.debug(sourceAttributes[i]);
}Stack Overflow用户
发布于 2018-08-14 03:37:53
在Chrome中，你应该使用dir方法：
console.dir(document.getElementsByTagName('source')[0]);或者对于当前检查/突出显示的元素：
console.dir($0);这将为您提供如下结果：
Stack Overflow用户
发布于 2018-11-29 16:11:17
console.dir(document.getElementsByTagName('source')[0])
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11380602
复制相关文章
相似问题