当前位置：网站首页>DOM object in JS

DOM object in JS

2022-06-27 17:36:00 【aqzengkuasheng】

Document object model （dom）, One by one objects formed by the extraction of pages .
window window ： The page needs to be loaded into the browser , The browser will form a window object . This object has two parts . The following visible content is called document Objects and bom object .
document file ： yes window A property of , It's also an object . Can pass document Object to get the contents of the document .
Objects abstracted from elements are called element objects
Insert picture description here

Objects abstracted from attributes are called attribute objects
Insert picture description here

There are three ways to get element objects ：

<!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"> This is the first one h1</h1>
		<h1> This is the second h1</h1>
		<div>
			 Checkbox 
		</div>
		<input type="checkbox" name="choose"/> dance 
		<input type="checkbox" name="choose"/> Sing a song 
		<input type="checkbox" name="choose"/> Knock on the code 
	</body>
</html>
原网站

版权声明
本文为[aqzengkuasheng]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/02/202202161508417158.html

边栏推荐

猜你喜欢

随机推荐