获取元素对象学习

最新推荐文章于 2022-11-13 22:44:21 发布

道法—自然

最新推荐文章于 2022-11-13 22:44:21 发布

阅读量218

点赞数 1

分类专栏：前端页面

本文链接：https://blog.csdn.net/wyqwilliam/article/details/103534941

版权

本文详细讲解了如何在网页中获取DOM元素，包括使用getElementById、getElementsByClassName、getElementsByTagName等方法，以及通过CSS选择器的选择。同时介绍了如何通过DOM操作改变元素的属性、内容和样式，为网页动态交互提供基础。

摘要由CSDN通过智能技术生成

<html>
	<head>
		<title>获取元素对象学习</title>
		<meta charset="UTF-8"/>
		<!--
			document对象获取元素对象学习：
				直接方式：
					ID方式：
						作用：指定的获取HTML元素对象
						使用：document.getElementById("ID值")
					name方式：
						作用：获取所有的name属性值相同的HTML元素对象的数组
						使用：document.getElementsByName("name属性值");
					标签名方式：
						作用：获取一类标签的HTML元素对象的数组
						使用：document.getElementsByTagName("标签名");
					class属性:
						作用：获取使用了指定类样式的所有HTML元素对象的数组。
						使用：document.getElementsByClassName("类样式名");
				间接方式：
					父子关系：通过父标签获取子标签对象数组
						先获取父然后通过属性childNodes获取所有的子数组
					子父关系:通过自标签获取父标签对象
						先获取子然后通过属性parentNode获取父
					兄弟关系：通过当前标签获取上和下紧跟的标签对象
							先获取当前的然后通过属性previousSibling获取上紧跟的元素对象
									          通过属性nextSibling获取下紧跟的元素对象。
		-->
		<!--声明js代码域-->
		<script type="