一聚教程网:一个值得你收藏的教程网站

热门教程

getElementByid ,ByName ByTagName三者区别

时间:2022-07-02 13:49:11 编辑:袖梨 来源:一聚教程网

getElementByid ,getElementsByName getElementsByTagName三者区别

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;

热门栏目