您的位置：首页 > Web前端 > JavaScript

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

2015-03-27 23:29 357 查看

<!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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航