龙空技术网

Attr类型

飞朋张 113

前言:

当前我们对“attr和css”大体比较着重,各位老铁们都需要剖析一些“attr和css”的相关资讯。那么小编也在网络上网罗了一些对于“attr和css””的相关文章,希望姐妹们能喜欢,咱们快快来学习一下吧!

元素的特性在DOM中以Attr类型来表示。在所有浏览器中(包括IE8),都可以访问Attr类型的构造函数和原型。从技术角度讲,特性就是存在于元素的attributes属性中的节点。特性节点具有下列特征:

nodeType的值为11;

nodeName的值是特性的名称;

nodeValue的值是特性的值;

parentNode的值为null;

在HTML中不支持(没有)子节点;

在XML中子节点可以是Text或EntityReference。

尽管它们也是节点,但特性却不被认为是DOM文档树的一部分。开发人员最常使用的是getAttribute()、setAttribute()和remveAttribute()方法,很少直接引用特性节点。

Attr对象有3个属性:name、value和specified。其中,name是特性名称(与nodeName的值相同),value是特性的值(与nodeValue的值相同),而specified是一个布尔值,用以区别特性是在代码中指定的,还是默认的。

使用document.createAttribute()并传入特性的名称可以创建新的特性节点。例如,要为元素添加align特性,可以使用下列代码:

var attr = document.createAttribute("align");

attr.value = "left";

element.setAttributeNode(attr);

alert(element.attributes["align"].value); //"left"

alert(element.getAttributeNode("align").value); //"left"

alert(element.getAttribute("align")); //"left"

AttrExample01.htm

这个例子创建了一个新的特性节点。由于在调用createAttribute()时已经为name属性赋了值,所以后面就不必给它赋值了。之后,又把value属性的值设置为"left"。为了将新创建的特性添加到元素中,必须使用元素的setAttributeNode()方法。添加特性之后,可以通过下列任何方式访问该特性:attributes属性、getAttributeNode()方法以及getAttribute()方法。其中,attributes和getAttributeNode()都会返回对应特性的Attr节点,而getAttribute()则只返回特性的值。

我们并不建议直接访问特性节点。实际上,使用getAttribute()、setAttribute()和removeAttribute()方法远比操作特性节点更为方便。

想要了解更多Java基础知识,可以点击评论区链接和小编一起学习java吧,此视频教程为初学者而著,零基础入门篇!给同学们带来全新的Java300集课程啦!java零基础小白自学Java必备优质教程_手把手图解学习Java,让学习成为一种享受_哔哩哔哩_bilibili

标签: #attr和css