5-3 DOM节点操作

div1本质是一个js 对象。divList是个集合，也是一个对象。

定义和用法 sɪˈlektə(r)

querySelector(CSS 选择器) 方法返回文档中匹配指定 CSS 选择器的一个元素。

注意：querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素，请使用 querySelectorAll() 方法替代。

CSS 选择器String必须。指定一个或多个匹配元素的 CSS 选择器。 可以使用它们的 id, 类, 类型, 属性, 属性值等来选取元素。

对于多个选择器，使用逗号隔开，返回一个匹配的元素。

p一个DOM节点，本质是一个DOM 对象。一个js可识别，可操作对象。js对象，才能js可识别，可操作。属性是可扩展。p是一个对象，style是它属性，又是一个对象。

p本质是一个对象，可以获取识别属性

property是js对象的一个属性。比如上面，x是obj的一个property，nodeName是p的一个property。attribute是标签里的属性，比如上面标签，li，有一个attribute class，img有很多attribute，比如data-original，class ，src和style。不是js属性，而是文档的标签中。

JS中的attribute和property的区别和联系

attribute和property到底是什么呢，有什么区别呢？这个或许很多人都没留意，或许认为是同一个东西。

要明确attribute和property是不同的东西就要先知道它们分别是什么，这个很难说得清，举些例子就明白了。

以div为例，它有以下属性：

ALIGN      align

CLASS      className

ID            id

TITLE      title

...            ...

其中第一列就是attribute，第二列就是property。

attribute是dom元素在文档中作为html标签拥有的属性；

property就是dom元素在js中作为对象拥有的属性。

所以：

对于html的标准属性来说，attribute和property是同步的，是会自动更新的，

但是对于自定义的属性来说，他们是不同步的，

先给出例子：

测试结果：

test

1 2 3 2

这个是自定义的属性；可以看出来attribute和property是不一样的；

需要记住的是：    attribute指的是html标签中的属性；

标准属性是同步的

property指的是js对象中的属性；

0