JavaScript for循环中的增量

最新推荐文章于 2023-10-29 20:22:15 发布

tianluye

最新推荐文章于 2023-10-29 20:22:15 发布

阅读量755

点赞数 1

分类专栏： JavaScript

本文链接：https://blog.csdn.net/tianluye/article/details/50434986

版权

JavaScript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

JavaScript for循环中的增量

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
      window.onload = function(){
    	  //实现点击每一个li节点，都可以弹出其文本值
    	  var liNodes = document.getElementsByTagName("li");
    	  for(var i=0;i<liNodes.length;i++){
    		  liNodes[i].onclick = function(){
    			  //this 是为正在响应时间的那个节点
    			  alert(this.firstChild.nodeValue);
    			  /*
    			  这样写是不对的！程序中的意思是想要为li添加监听事件的，
    			  但是for循环后，i的值就始终为liNodes.length
    			  alert(liNodes[i].firstChild.nodeValue)
    			  */
    		  }
    	  }
      }
</script>
</head>
<body>
	<p>你喜欢那个城市？</p>
	<ul id="city">
		<!-- li标签下，并没有定义name属性，在IE浏览器中通过getElementByName是获取不到的. -->
		<li id="bj" name="BeiJing">北京</li>
		<!-- <li οnclick="alert('上海')">上海</li> -->
		<li>上海</li>
		<li>东京</li>
		<li>首尔</li>
	</ul>

	<p>你喜欢玩什么游戏？</p>
	<ul id="game">
		<li id="fc" name="FeiChe">QQ飞车</li>
		<li>英雄联盟</li>
		<li>穿越火线</li>
		<li>地下城与勇士</li>
	</ul>

	<br>
	<br> gender:
	<input type="radio" name="gender" value="male" />Male
	<input type="radio" name="gender" value="female" />Female
	<br>
	<br> name:
	<input type="text" name="username" id="name" value="JingJing" />
</body>
</html>

tianluye

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript for循环中的增量

JavaScript for循环中的增量Insert title here window.onload = function(){ //实现点击每一个li节点，都可以弹出其文本值 var liNodes = document.getElementsByTagName("li"); for(var i=0;i<liNodes.l
复制链接

扫一扫