從來沒詳細學習過,現在總結一下,省得以后每次都要試好多次。。。
1,直接訪問:
A 對頁面的HTML結構元素,常用的有table, tr, td, div, span等,可以用 window.objId;
B 對表單元素,如input=text,select等,可以用 form.objId;
C 表單是個特例,可以用
window.formNam;
window.document.forms[formIndex];
window.document.forms[formName];
2,通過method訪問:
也就是調用各種對象的method,通過已知的name,id來獲取。
A document.getElementById(objId);
如果objId在頁面中不唯一,返回第一個(ID也不唯一,實在是太不像話了!),如果objId標識一個collection對象,返回collection的第一個元素。
B document.getElementsByName(objName/objId);
請注意,在Element后面有個s,也就是說,返回的是一個collection,可能必須使用循環進行查找;當然如果確定這個objName或者objId是唯一的話,collection[0]就可以了。
C document.getElementsByTagName(tagName);
獲得以tagName標記的HTML元素的collection。
D collection.item(index / name / id);
與3.A幾乎相同,但不能檢索input type=image對象。
3,通過property訪問:
A object.all[index / name / id];
通過name/id檢索時結果有可能是collection;
B object.childNodes[index]
與A相似,但包含文本節點TextNode