JS中 getElementById /Name /TagName 的应用

最新推荐文章于 2022-08-27 15:52:29 发布

iteye_2451

最新推荐文章于 2022-08-27 15:52:29 发布

阅读量230

点赞数 1

分类专栏： js 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/iteye_2451/article/details/81695096

版权

js 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

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的个数