<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 属性 返回值都是一个数组
如果要操作内容需要索引才能实现