JavaScript 操作获取DOM

2021/7/8 20:09:35

编程Tag： javascript 数组 innerHTML 元素 Dom 获取 alert document

本文主要是介绍JavaScript 操作获取DOM，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

<body>
		<p>包拯</p>
		<p>狄仁杰</p>
		<p id="p1">李莲英</p>
		<p id="p2" >苟日新</p>
		<input type="text" name="inp1"  value="李威" />
		<button id="btn1" type="button" >获取</button>
	</body>
	<script type="text/javascript">
		window.onload=function(){//页面加载绑定
			var a= document.querySelectorAll("p")[0].innerHTML;
			//通过标签获取元素,返回的是数组;[0]索引
			//innerHTML获取标签内的所有内容
			alert(a);
			alert(document.getElementsByTagName("p")[1].innerHTML)
			//通过标签获取元素返回的是数组
			alert(document.getElementsByName("inp1")[0].value)
			//通过name属性获取元素,返回的是数组
			alert(document.getElementById("p1").innerHTML)
			//通过ID 获取元素
			alert(document.querySelector("#p2").innerHTML) 
			//通过ID 获取元素
		}

总结 : 通过ID 获取元素返回值不是一个数组其他类标签 name 属性返回值都是一个数组

如果要操作内容需要索引才能实现

这篇关于JavaScript 操作获取DOM的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

JavaScript 操作获取DOM

相关编程文章