DOM1 什么是 DOM 1）DOM 英文全称“Document Object Model”，译为“文档对象模型”。 2

1 什么是 DOM

1）DOM 英文全称“Document Object Model”，译为“文档对象模型”。

2）DOM 是一个与平台和编程语言无关的接口，通过这个接口程序和脚本可以动态的访问和修改文档的内容、结构和样式。

2 DOM 的组成

1）核心DOM - 针对任何结构化文档的标准模型。

2）XML DOM - 针对 XML 文档的标准模型。

3）HTML DOM - 针对 HTML 文档的标准模型。

链接

获取dom方法：

根据id名获取元素：getElementById;

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="d1"></div>
	</body>
	<script type="text/javascript">
		console.log(document.getElementById("d1"));
		console.log(document.getElementById("d2"));
	</script>
</html>


根据标签名获取元素：getElementsByTagName，返回一个数组；


根据类名获取元素：getElementsByClassName，返回一个数组；


根据name属性值获取元素：getElementsByName，返回一个数组；

语法：document.getElementsByName(“name属性的值”);

返回值：是一个伪数组，所以页面上没有对应标签的时候返回空数组

这个方法不推荐使用，因为在IE和欧朋浏览器中，通过这个方式会获取到相同的id的元素


querySelector：获取一个元素，推荐使用 用法类似写css；
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div class="c1"></div>
		<div class="c1"></div>
	</body>
	<script type="text/javascript">
		console.log(document.querySelector(".c1"));
		console.log(document.querySelectorAll(".c1"));
	</script>
</html>


querySelectorAll：返回一个元素数组