如何获取HTML元素对应JavaScript对象_获取对应的元素-CSDN博客

本文链接：https://blog.csdn.net/qq_43527694/article/details/107411113

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

	</head>
	<body>
		<div id="QHDX" class="university">清华大学</div>
		<div id="BJDX" class="university">北京大学</div>
		<div id="HH" class="river">黄河</div>
		<div id="CJ" class="river">长江</div>
	        <input id="ZZDX" class="university" name="郑州大学">郑州大学</input>
		<span id="HNDX" class="university">河南大学</span>
		<span id="NLH" class="river">尼罗河</span>
		<span id="SHJ" class="river">松花江</span>
	<script>
	/*	var elements = document.getElementById("QHDX");//返回对拥有指定 id 的第一个对象的引用
		console.log(elements);
		elements = document.getElementsByName("郑州大学");//返回带有指定名称的对象集合
		console.log(elements);
		elements = document.getElementsByClassName("university");//返回带有指定类名的对象集合
		console.log(elements);
		elements = document.getElementsByTagName("span");//返回带有指定标签名的对象集合
		console.log(elements);*/
	</script>
	</body>
</html>

下面为依次的输出结果：