JavaScript 操作获取DOM

最新推荐文章于 2024-11-11 19:29:13 发布

王的蓝色大海

最新推荐文章于 2024-11-11 19:29:13 发布

阅读量96

点赞数

分类专栏：笔记文章标签： javascript

本文链接：https://blog.csdn.net/m0_57150836/article/details/118579944

版权

JavaScript DOM操作元素获取 innerHTML value

关键词由CSDN通过智能技术生成

笔记专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<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 属性返回值都是一个数组

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