JavaScript: 如何获取HTML元素对应JavaScript对象

最新推荐文章于 2021-10-11 20:00:42 发布

挺菜的

最新推荐文章于 2021-10-11 20:00:42 发布

阅读量235

点赞数

分类专栏：获取javascript对象文章标签： javascript

本文链接：https://blog.csdn.net/weixin_44785966/article/details/107411228

版权

获取javascript对象专栏收录该内容

1 篇文章 0 订阅

订阅专栏

一、概述：

在JavaScript中可以使用四种函数来获取HTML元素对应的JavaScript对象：

1.getElementById(“”)：获取id为某值的HTML元素对应JavaScript对象。

2.getElementsByClassName("")：获取class为某值的HTML元素对应JavaScript对象数组。

3.getElementsByName("")：获取name为某值的HTML元素对应JavaScript对象数组。

4.getElementsByTagName("")：获取标签为span的HTML元素对应JavaScript对象数组。

二、代码示例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>

		</script>
	</head>
	<body>
		<span id="a" class="b"></span>
		<span class="b"></span>
		<span></span>
		<form>
			<input type="checkbox" name="hobby" />
			<input type="checkbox" name="hobby" />
		</form>
		<script>
			var element = document.getElementById("a");/*获取id为a的HTML元素对应JavaScript对象*/
			console.log(element);
			var elements = document.getElementsByClassName("b");/*获取class为b的HTML元素对应JavaScript对象数组*/
			for (var i in elements) {
				console.log(elements[i])
			}
			elements = document.getElementsByName("hobby");/*获取name为b的HTML元素对应JavaScript对象数组*/
			for (var i in elements) {
				console.log(elements[i])
			}
			elements = document.getElementsByTagName("span");/*获取标签为span的HTML元素对应JavaScript对象数组*/
			for (var i in elements) {
				console.log(elements[i])
			}
		</script>
	</body>
</html>

挺菜的

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript: 如何获取HTML元素对应JavaScript对象

一、概述：在JavaScript中可以使用四种函数来获取HTML元素对应的JavaScript对象：1.getElementById(“”)：获取id为某值的HTML元素对应JavaScript对象。2.getElementsByClassName("")：获取class为某值的HTML元素对应JavaScript对象数组。3.getElementsByName("")：获取name为某值的HTML元素对应JavaScript对象数组。4.getElementsByTagName("")
复制链接

扫一扫