JS代码

原创于 2019-09-28 21:07:11 发布 · 147 阅读

CC 4.0 BY-SA版权

本文深入探讨了HTML文档中元素的获取与操作方法，包括getElementById, getElementsByClassName, getElementsByTagName, querySelector等API的使用技巧，通过实例展示了如何精准定位和修改页面元素。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="box">box</div>
		<div class="bar">bar</div>
		<div name="main">main</div>
		<script>
			console.log(document.grtElementById('box'));
			console.log(document.grtElementByClassName('bar'));
			console.log(document.getElementByTayName('div'));
			console.;og(document.getElementByName('main'));
			
			var box = document.getElementById('box');
			var divs = document.getElementsByTagName('div');
			console.log(divs[0] === bos);
			console.log(document.querySelector('div'));
			console.log(document.querySelector('#box'));
			console.log(document.querySelector('.bar'));
			console.log(document.querySelector('div[name]'));
			console.log(document.querySelector('div.bar'));
			console.log(document.querySelector('div#box'));
		</script>
	</body>
</html>