Mr.J-- jQuery学习笔记(五)--属性及属性节点

 什么是属性?

   对象身上保存的变量就是属性

如何操作属性?

对象.属性名称 = 值;
对象.属性名称;
对象["属性名称"] = 值;
对象["属性名称"];

什么是属性节点?

<span name = "it666"></span>
在编写HTML代码时,在HTML标签中添加的属性就是属性节点
在浏览器中找到span这个DOM元素之后, 展开看到的都是属性
在attributes属性中保存的所有内容都是属性节点

如何操作属性节点?

DOM元素.setAttribute("属性名称", "值");
DOM元素.getAttribute("属性名称");

属性和属性节点有什么区别?

任何对象都有属性, 但是只有DOM对象才有属性节点

demo实例说明

如何操作属性

function Person() {

            }
 var p = new Person();
 p.name = "yjk";
 p["name"] = "zs";
 console.log(p.name);
 console.log(p["name"]);

创建一个函数，创建对象，可以使用 p.name 或者 p["name"](见前面 如何操作属性问题)

如何操作属性节点

创建一个span节点，使用对应方法对其进行操作。（见问题 如何操作属性节点）

var span = document.getElementsByTagName("span")[0];
span.setAttribute("name", "The name is yjk");
console.log(span.getAttribute("name"));