<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>找对象的方式</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="布尔教育 http://www.itbool.com" />
</head>
<body>
<div id="header">
<p>p1</p>
<p>p2</p>
<p>p3</p>
<p>p4</p>
</div>
<div>
llllll
</div>
<input type="text" name="input" value="poly"/>
</body>
<script>
// 通过id查找，返回"对象
console.log(document.getElementById("header"));
// 通过标签来查找对象,返回的是"对象的集合
ps=document.getElementsByTagName('p');
ps[1].style.background="blue";
// 对于表单元素可以用name进行查找,返回是对象集
alert(document.getElementsByName("input")[0].value);
document.getElementsByName("input")[0].value="lucy";
// 按照类名来查找,返回对象集
document.getElementsByClassName("test")[0].style.background="gray";
// 找子节点
document.getElementById("header").childNodes().children.length;
//children属性兼容性好，不包含空白节点
//找父节点
document.getElementsByTagName('p')[2].parentNode.style.border="1px solid green";
</script>
</html>
1346
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
