HMTL结构：
<div id="aa" name='aa' title="aa">
<p class="aa"></p>
</div>
<div class="aa" name='aa'></div>
<div class="aa" name='aa'></div>
<div class="bb" name='aa'></div>
493409affe5049a6aa3acfdf969dc83c_th.jpg
getElementById() 获取特定ID元素的节点
var divid = document.getElementById('aa'); //id 返回伪数组
console.log(divid);
image.png
getElementsByClassName（） 获取Class元素的节点
var divclass = document.getElementsByClassName('aa'); //class 返回伪数组
console.log(divclass);
image.png
getElementsByTagName() 获取相同元素的节点列表
var div = document.getElementsByTagName('div') [2]; //标签 返回伪数组
console.log(div)
image.png
getElementsByName() 获取相同名称的节点列表
var namex = document.getElementsByName('aa'); //name名 返回伪数组
console.log(namex)
image.png
getAttribute() 获取特定元素节点属性的值
var divid = document.getElementById('aa'); //id 返回伪数组
// console.log(divid);
var att = divid.getAttribute('title');
console.log(divid)
image.png
setAttribute() 设置特定元素节点属性的值
var divid = document.getElementById('aa'); //id 返回伪数组
// console.log(divid);
var att = divid.setAttribute('style', 'width');
console.log(divid)
image.png
937c1bb9gx6Dl0GKyRW88&690.jpg
