JavaScript学习笔记之（二）

处理节点

1处理元素节点

由于浏览器中的渲染机制，影响了JavaScript的性能，特别在遍历DOM。我们需要尽量降低定位到文档内容所需要经过的节点数。学会几种不同的DOM访问方式，并找到最有效的访问点，对于节点的访问会越快，使户体验更好。

1.1根据ID定位元素

<div id="header">
    <p>ID定位</p>
</div>

document.getElementById*("header");

1.2根据标签名称定位元素

document.getElementsByTagName("节点");

1.3根据class属性定位元素

document.getElemnentsByClassName("class名称");

1.4使用css选择器定位节点

使用querySelector()与querySelectorAll()这两个方法，querySelectorAll()方法返回的是NodeList，而querySelector()方法返回第一个匹配的元素。

2处理属性节点

2.1获取属性

先使用hasAttribute()方法判断一下属性是否存在，然后使用getAttribute()方法，接受一个参数，就是所需获取的属性名称。

2.2设置属性

使用setAttribute()方法，该方法需要两个参数，第一个需要设置的属性名称，第二个是将要设置的属性值。

2.3移除属性

先使用hasAttribute()方法判断一下属性是否存在，然后使用removeAttribute()方法移除。