我们有一个 setAttribute 方法,用于 DOM 元素。
https://developer.mozilla.org/en-US/docs/DOM/element.setAttribute
它与使用下面的有什么不同?
domElement.propName = value
这两种方法有什么好处吗?
谢谢。
最佳答案
domElement.setAttribute('propName', obj)
正在设置一个 XML 属性,它将被转换为字符串并添加到 DOM 标签中。domElement.propName
正在设置一个 expando 属性,它可以是任何类型。它将它设置在包装 DOM 对象实现的 JS 对象上。
它们没有相同的效果,除非您正在处理解析器识别的属性,如 src,id,value
。这些属性被复制到 expando 属性,但有很多兔子洞和它不能可靠工作的情况(通常当 expando 不接受字符串时,如 onclick, checked
)
这个例子表明它们是不同的。
domElement.setAttribute('someProp', 5);
console.log(domElement.someProp); // undefined
domElement.someProp = 10;
console.log(domElement.someProp); // 10
console.log(domElement.getAttribute('someProp')); // "5" -> it's a string
总是使用 DOM expando 属性不太可能导致麻烦。您想要使用 setAttribute 的唯一情况是您需要序列化节点(使用
outerHTML
)并且您希望该属性反射(reflect)在序列化中关于javascript - element.setAttribute ('prop' ,value) vs element.prop = value,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/12718186/