DOM操作与元素获取：JavaScript实战-优快云博客

本文链接：https://blog.youkuaiyun.com/aqzengkuasheng/article/details/122946104

文档对象模型（dom）,由页面经过抽像而形成的一个一个的对象。
window 窗口：页面需要加载到浏览器里面，浏览器呢就会形成一个window对象。这个对象又有两部分组成。下面看得见的内容叫document对象和bom对象。
document 文档：是window里的一个属性，也是一个对象。可以通过document对象获取文档里面的内容。
元素抽象而成的对象叫元素对象
在这里插入图片描述

属性抽象而成的对象叫属性对象
在这里插入图片描述

获取元素对象的三种方法：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			window.onload=function(){
				var myh1=document.getElementById("myh1");
				console.log(myh1);
				
				var h1s=document.getElementsByTagName("h1");
				console.log(h1s);
				
				var ips=document.getElementsByName("choose");
				console.log(ips);
			}
		</script>
	</head>
	
	<body>
		<h1 id="myh1">这是第一个h1</h1>
		<h1>这是第二个h1</h1>
		<div>
			多选框
		</div>
		<input type="checkbox" name="choose"/>跳舞
		<input type="checkbox" name="choose"/>唱歌
		<input type="checkbox" name="choose"/>敲代码
	</body>
</html>

js中的dom对象