JavaScript 操作获取DOM

最新推荐文章于 2024-05-23 16:08:37 发布

王的蓝色大海

最新推荐文章于 2024-05-23 16:08:37 发布

阅读量76

点赞数

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

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

版权

笔记专栏收录该内容

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

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

优惠劵

王的蓝色大海

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
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&gt.
复制链接

扫一扫