HMTL結(jié)構(gòu)：
<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元素的節(jié)點
var divid = document.getElementById('aa'); //id 返回偽數(shù)組
console.log(divid);
image.png
getElementsByClassName（） 獲取Class元素的節(jié)點
var divclass = document.getElementsByClassName('aa'); //class 返回偽數(shù)組
console.log(divclass);
image.png
getElementsByTagName() 獲取相同元素的節(jié)點列表
var div = document.getElementsByTagName('div') [2]; //標簽 返回偽數(shù)組
console.log(div)
image.png
getElementsByName() 獲取相同名稱的節(jié)點列表
var namex = document.getElementsByName('aa'); //name名 返回偽數(shù)組
console.log(namex)
image.png
getAttribute() 獲取特定元素節(jié)點屬性的值
var divid = document.getElementById('aa'); //id 返回偽數(shù)組
// console.log(divid);
var att = divid.getAttribute('title');
console.log(divid)
image.png
setAttribute() 設(shè)置特定元素節(jié)點屬性的值
var divid = document.getElementById('aa'); //id 返回偽數(shù)組
// console.log(divid);
var att = divid.setAttribute('style', 'width');
console.log(divid)
image.png
937c1bb9gx6Dl0GKyRW88&690.jpg
