javascript – DOM4:不推荐使用的属性和方法,这是什么意思?

“Warning: In DOM Core 1,2 and 3,Attr inherited from Node. This is no longer the case in DOM4. In order to bring the implementation of Attr up to specification,work is underway to change it to no longer inherit from Node . You should not be using any Node properties or methods on Attr objects. Starting in Gecko 7.0 (Firefox 7.0 / Thunderbird 7.0 / SeaMonkey 2.4),the ones that are going to be removed output warning messages to the console. You should revise your code accordingly. See Deprecated properties and methods for a complete list.”

向下滚动页面,我们可以看到nodeName和NodeValue的替换,使用Attr.name和Attr.value.

https://developer.mozilla.org/en/DOM/Attr#Deprecated_properties_and_methods

它对于属性或childNodes等其他方法意味着什么?
该参考文献称它已被弃用,但它们没有给予任何替代!

它已被弃用于属性,但它也适用于Node吗?

Attr对象:http://www.w3schools.com/jsref/dom_obj_attr.asp

编辑:对于Attributes(Attr),只能弃用nodeValue,因为Attr将不再在DOM Level 4中从Node继承:

这是一个帮助我理解的简单示例:

<div id="myAttribute">myTextNode</div>

var myDiv = document.getElementById("myAttribute");

// If you want to get "myAttribute" from div tag

alert(myDiv.attributes[0].value);
// Correct way to get value of an attribute (displays "myAttribute")
alert(myDiv.attributes[0].nodeValue);
// Working too but deprecated method for Attr since it doesn't inherit from Node in DOM4 (.nodeValue is specific to a Node,not an Attribute)

// If you want to get "myTextNode" from div tag

alert(myDiv.childNodes[0].value);
// Not working since .value is specific to an attribute,not a Node (displays "undefined")
alert(myDiv.childNodes[0].nodeValue);
// Working,.nodeValue is the correct way to get the value of a Node,it will not be deprecated for Nodes! (displays "myTextNode")

也许这会在访问属性/节点时避免与其他人混淆:)

解决方法

他们所说的是Attr实例的对象(例如 Element.getAttributeNode()返回的对象),曾经拥有从Node继承的属性.

但是,因为在DOM4中不是这种情况,所以他们试图删除这种继承.因此,当您现在获得Attr对象的实例时,the deprecated list中列出的属性将按其记录的方式运行.

一个很大的问题:对于一个属性它是否已被弃用,但它是否也适用于Node?:不,它们不会被弃用.您可以在it’s own文档页面中看到Node具有的属性列表.

无论如何,Attr对象使用不多(永远?);你确定这关心你吗?

相关文章

事件冒泡和事件捕获 起因:今天在封装一个bind函数的时候,发现el.addEventListener函数支持第三个参数...
js小数运算会出现精度问题 js number类型 JS 数字类型只有number类型,number类型相当于其他强类型语言...
什么是跨域 跨域 : 广义的跨域包含一下内容 : 1.资源跳转(链接跳转,重定向跳转,表单提交) 2.资源...
@ &quot;TOC&quot; 常见对base64的认知(不完全正确) 首先对base64常见的认知,也是须知的必须有...
搞懂:MVVM模式和Vue中的MVVM模式 MVVM MVVM : 的缩写,说都能直接说出来 :模型, :视图, :视图模...
首先我们需要一个html代码的框架如下: 我们的目的是实现ul中的内容进行横向的一点一点滚动。ul中的内容...