查找 HTML 元素
1、通过 id 找到 HTML 元素
document.getElementById("idname")
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>获取HTML元素</title>
</head>
<body>
<div id="one">
<span>DOM:文档对象模型(Document Object Model)
简述:网页被加载的时候,浏览器会给网页上的每个标签创建这个标签对应的对象。我们可以获取这个对象,来操作对应的标签的一些属性。
总结:获取要操作的标签元素对应的对象,通过这个对象来操作这个元素。
</span>
</div>
<div>
<span>DOM:文档对象模型(Document Object Model)
简述:网页被加载的时候,浏览器会给网页上的每个标签创建这个标签对应的对象。我们可以获取这个对象,来操作对应的标签的一些属性。
总结:获取要操作的标签元素对应的对象,通过这个对象来操作这个元素。
</span>
</div>
<div>
<span>DOM:文档对象模型(Document Object Model)
简述:网页被加载的时候,浏览器会给网页上的每个标签创建这个标签对应的对象。我们可以获取这个对象,来操作对应的标签的一些属性。
总结:获取要操作的标签元素对应的对象,通过这个对象来操作这个元素。
</span>
</div>
<p>DOM树(图片):http://www.w3school.com.cn/js/js_htmldom.asp
简述:网页就是有标签组成的,标签是层层包裹的(<font>父标签和子标签</font>),最内存的标签包裹着内容。(文本或者图片)
</p>
</body>
</html>
<script type="text/javascript">
// var person1; //undefined
// var person = null;
// person = new Object();
// person.name = "siki";
// person = null; //空对象,没有指向任何对象
var div = document.getElementById("one");
console.log(div);
</script>