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

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

上一篇:innerHTML或v-html中的富文本绑定事件


下一篇:猜数字游戏