javascript ＡＰＩ详解及案例解析（一）(2)
来源：未知 责任编辑：责任编辑 发表时间:2014-05-26 11:00 点击:次
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
</head>
<body>
<div align="center">
<div id="head">
用户名
<input type="text" name="uname" id="uname" value="ee"/>
</div>
<div id="spr">
你喜欢的春节节目有哪些</br>
<hr color="red"/>
<input type="checkbox" name="fav" value="111"/>111
<input type="checkbox" name="fav" value="222"/>222
<input type="checkbox" name="fav" value="333"/>333
<input type="checkbox" name="fav" value="444"/>444
<input type="checkbox" name="fav" value="555"/>555
<input type="checkbox" name="fav" value="666"/>666
</div>
<div>
</div>
</div>
</body>
</html>
<script type="text/javascript" charset="utf-8">
window.onload=function(){
//查找给定name属性值的所有元素
var favs=document.getElementsByName("fav");
var msg="";
//alert(favs.length);
//writer
for(var i=0;i<favs.length;i++){
//get
var fav=favs[i];
//alert(fav.value);
//action
fav.onclick=function(){
//作业：弹出所有你选中的节目
msg+=" "+this.value;
alert("you like it "+msg);
}
}
}
</script>
3。getElementsByTagName()
3.1说明
1、查询给定标签名的所有元素
2、因为在html页面中，标签名不是唯一的，所以返回值为节点的集合。
相关新闻>>
- Javascript 兼容 IE6、IE7、FF 的“加入收藏”“设为首页”
- 好好学一遍JavaScript 笔记(一)——基础中的基础
- 好好学一遍JavaScript 笔记(二)——encode、数组、对象创建
- 好好学一遍JavaScript 笔记(三)——StringBuffer、prototype
- 好好学一遍javaScript 笔记(四)——Attribute、HTML元素、文档碎
- 好好学一遍JavaScript 笔记(五)——正则表达式基础
- 好好学一遍JavaScript 笔记(六)——正则表达式基础二
- 好好学一遍JavaScript 笔记(七)——RegExp对象与常用正则
- 好好学一遍JavaScript 笔记(八)——冒泡型事件、捕获型事件
- JavaScript详解
最新推荐更多>>>
- 发表评论
-
- 最新评论 更多>>
