getElementById、getElements ByTagName、getElements ByClass Name複合使用浅分析
1611 ワード
最近、検索要素についての問題がありました.ゲットエレメント・ById、getElements ByTagName、getElementsByClass Nameは必要な要素を見つけられないので、その複合使用の状況を調べて調べました.これを後で自分で使います.
ID属性はhtmlドキュメントの一意性のため、document.getElementById()メソッドのみでIDを含むタグを取得することができます.(直接入手できます.複合検索する必要もありません.)
getElementsByTagName
- 1
- 2
- 3
- 4
- 5
- 11
- 22
- 33
var content = document.getElementById('content');
var lis = document.getElementsByTagName('li');
var box = document.getElementsByClassName('box');
console.log(content);
console.log(lis);
console.log(box);
var lis2 = box[0].getElementsByTagName('li');
console.log(" . ",lis2);// . HTMLCollection(8) [li, li, li, li, li, li, li, li#li3, li3: li#li3]
var lis3 = content.getElementsByTagName('li');
console.log("id. ",lis3);//id. HTMLCollection(3) [li, li, li#li3, li3: li#li3]
var divs = content.getElementsByTagName('div');
console.log("id. ",divs);//id. HTMLCollection [div]
var con = content.getElementsByClassName('con');
console.log("id. ",con);//id. HTMLCollection [ul.con]
var con2 = box[0].getElementsByClassName('con');
console.log(" . ",con2);// . HTMLCollection [ul.con]
var con3 = content.getElementById('li3');
console.log("id.id",con3);//
var content2 = box[0].getElementById('content');
console.log(" .id",content2);//
×.idのエラーの具体的な原因はしばらく調べられませんでした.以下は私の推測です.ID属性はhtmlドキュメントの一意性のため、document.getElementById()メソッドのみでIDを含むタグを取得することができます.(直接入手できます.複合検索する必要もありません.)