Bootstrap

JS中 getElementById /Name /TagName 的应用

getElementById:
语法: document.getElementById(id)
参数: id :必选项为字符串(String)
返回值:对象; 返回相同id对象中的第一个,如果无符合条件的对象,则返回 null
example:document.getElementById("id1").value;

getElementsByName:
语法: document.getElementsByName(name)
参数: name :必选项为字符串(String)
返回值:数组对象; 如果无符合条件的对象,则返回空数组
example:
document.getElementsByName("name1")[0].value;
document.getElementsByName("name1")[1].value;

getElementsByTagName:
语法: object.getElementsByTagName(tagname) object可以是document或event.srcElement.parentElement等
参数: tagname:必选项为字符串(String)
返回值:数组对象; 如果无符合条件的对象,则返回空数组
example:
document.getElementsByTagName("p")[0].childNodes[0].nodeValue;
document.getElementsByTagName("p")[1].childNodes[0].nodeValue;

--------------------------------------------------------------------------------

getElementsByTagName() 不只是用在全局,更多的用法是:
obj.getElementsByTagName();

obj可以是任何对象。

--------------------------------------------------------------------------------

var all = document.getElementsByTagName('div')[0].getElementsByTagName('*');

就是取document.getElementsByTagName('div')[0]这个节点下边的所有。

准确的说应该是所有Element类型的节点,不包括TextNode类型的节点。

getElementsByTagName('*') *就像通配符一样,表示所有的TagName。

--------------------------------------------------------------------------------

document.getElementsByTagName('ul')[0].childNodes就是li的数组
它的长度就是li的个数

 
;