JavaScript DOM 学习(2) 获取属性结点

来源：互联网发布：js 声明字符串数组编辑：程序博客网时间：2024/06/05 09:59
<!DOCTYPE html><html><head><title>TestJs.html</title><script type="text/javascript">//如何获取指定的元素结点?window.onload=function(){//1、获取id为bj的那个节点，在编写时，确保结点id唯一//该方法是document对象的方法var bj=document.getElementById("bj");alert(bj+"bj");//2、获取所有的li结点，返回的是一系列的值,使用标签名获取指定的标签名//该方法为node接口的方法，即，任何一个结点都有这个方法var arrli=document.getElementsByTagName("li");alert(arrli.length+"arrli");//获取指定结点的指定子节点var city=document.getElementsByTagName("city");alert(city.length+"city");//3、根据html文档元素的name属性名来获取指定的结点的集合var gendernode = document.getElementsByName("gender");alert(gendernode.length+"gendernode");}</script></head><body><p> which city do you like ?</p><ul id="city"><li id="bj" name="Beijing" >Beijing</li><li id="cd" name="chengdu" >chengdu</li><li id="xian" name="xian" >xian</li><li id="hz" name="hangzhou" >hangzhou</li></ul><br></br><p> which game do you like ?</p><ul id="game"><li id="cf" name="cross fire" >cross fire</li><li id="lol" name="LOL" >LOL</li><li id="dota" name="dota" >DOTA</li></ul><br></br>gender:<input type="radio" name="gender" value="male"/>Male<input type="radio" name="gender" value="female"/>Female</body></html>
0 0