从getElementsByTagName()获取属性的最佳方法？

Question

我正在玩获取link标记的属性,似乎有几种方法来访问属性:

document.getElementsByTagName("link")[0]['media']
document.getElementsByTagName("link")[0].media
document.getElementsByTagName("link")[0].getAttribute('media')
document.getElementsByTagName("link")[0].attributes['media']

它接近于荒谬的相同数据有多少路径.这些方法中的一种远远优于其他方法吗？

Answer 1

我会.media用于这种情况,因为media它确实是link元素的属性.每个都有它的用途:

• ['media']:使用方括号表示法检索"media"属性值.如果您在设计时不知道酒店的名称,请使用方括号表示法.例如,迭代属性时.
• .media: 检索"media"属性值.我在大多数情况下会使用它.它提供简洁,直接的财产价值.
• .getAttribute('media'):检索"media"属性值.如果希望属性的值不一定是元素的属性,请使用此选项.并非所有属性都是属性,并非所有属性都是属性.
• .attributes['media']:检索"media"属性节点.当您需要有关属性的更多信息而不仅仅是它的值时,请使用属性集合.例如,属性名称.您也可以轻松地使用它来获取值,因为.toString()返回值,但如果您想要的只是值,那么这可能是过度的.该attributes集合对于迭代元素的属性也很有用.