1.getElementById方法
参数：html节点的id名称（一个字符串）
返回值：节点对象
返回值类型：object
2.getElemensByClassName
参数：html节点的class名称
返回值：节点对象的数组
返回值类型：数组（数组内为标签对象）
3.getElementsByTagName
参数：节点对象的数组
返回值：数组（存放标签对象）
例：
<html>
<head>
</head>
<body>
<div id="adiv"></div>
<div id="bdiv"></div>
<div id="cdiv"></div>
<ul>
<li class="la"></li>
<li class="la"></li>
<li class="la"></li>
</ul>
<script type = "text/javascript">
var x1 = document.getElmementById("adiv");
console.log(x1);
//输出结果：<div id ="container">(数据类型为objet)
var xarrc = document.getElementClassName("la");
console.log(xarrc);//输出结果：
JavaScript-HtmlDOM对象-getElementById、getElementsByClassname、getElementsByTagName
var xarr = document.getElementsByTagName("div");
console.log(xrr);//输出结果：
JavaScript-HtmlDOM对象-getElementById、getElementsByClassname、getElementsByTagName
说明：1.这三个方法属于document对象
2.这三个方法有顺序的要求，若放在节点之前则找不到指定数组，最后返回null。
</script>
</body>
</html>
网友评论