js_找对象 笔记
10/18
<!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" lang="zh-CN">
<head>
<title>js_找对象</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<h1>js关键是找对象</h1>
<div class="a">class->div1</div>
<li id="aa">
<p>1</p>
<p>2</p>
<p>3</p>
</li>
<div id="b">div2</div>
<input type="text" name="d" value="提交"/>
<div id="test" onclick="test();">aa</div>
</body>
<script type="text/javascript">
//使用ID查找对象,返回值是“对象”
console.log(document.getElementById('b'));
//使用标签查找对象，返回值是“对象的集合”，既是只找到一个对象，也会包装成一个合集
ps=document.getElementsByTagName('p');
ps[0].style.fontSize='30px';
//对于表单而言，可以使用name查找对象，返回值是“对象集合”
names=document.getElementsByName('d');
names[0].value='重置';
//使用类名查找对象，返回值是“对象集合”
document.getElementsByClassName('a')[0].style.background='pink';
//找子节点，返回值是“对象集合”
//children 非标准属性，但兼容性很好，他不包含空白节点
console.log(document.getElementById('aa').children);
</script>
</html>
版权属于：
Dcr163的博客
本文链接：
https://www.dcr163.cn/51.html（转载时请注明本文出处及文章链接）
