點擊每個li節點，都彈出其文本值
1 <title>Insert title here</title> 2 3 <script type="text/javascript"> 4 5 //點擊每個li節點，都彈出其文本值 6 7 //1.獲取所有的li節點 8 window.onload = function(){ 9 var liNodes = document.getElementsByTagName("li"); 10 //2.實用for循環進行遍歷，獲取每一個li節點 11 for(var i=0;i<liNodes.length;i++){ 12 //4.在響應函數中獲取當前文本節點的文本值 13 liNodes[i].onclick = function(){ 14 //5.alert打印 15 alert(this.firstChild.nodeValue); 16 } 17 } 18 } 19 20 </script> 21 22 </head> 23 <body> 24 <p>你喜歡哪個城市</p> 25 <ul id="city"> 26 <li id="bj" name="BeiJing">北京</li> 27 <li>上海</li> 28 <li>東京</li> 29 <li>首爾</li> 30 </ul> 31 32 33 </body>
點擊每個li節點，若li節點的文本值沒有^^開頭，加上；有，去除
1 <title>Insert title here</title> 2 3 <script type="text/javascript"> 4 5 //點擊每個li節點，若li節點的文本值沒有^^開頭，加上；有，去除 6 7 //1.獲取所有的li節點 8 window.onload = function(){ 9 var liNodes = document.getElementsByTagName("li"); 10 //2.實用for循環進行遍歷，獲取每一個li節點 11 for(var i=0;i<liNodes.length;i++){ 12 //4.在響應函數中獲取當前文本節點的文本值 13 liNodes[i].onclick = function(){ 14 var val=this.firstChild.nodeValue; 15 //正則表達式 16 var reg = /^\^{2}/g; 17 if(reg.test(val)){ 18 val = val.replace(reg,""); 19 }else{ 20 val = "^^" + val; 21 } 22 this.firstChild.nodeValue = val; 23 } 24 } 25 } 26 27 </script> 28 </head> 29 <body> 30 31 <p>你喜歡哪個城市</p> 32 <ul id="city"> 33 <li id="bj" name="BeiJing">北京</li> 34 <li>上海</li> 35 <li>東京</li> 36 <li>首爾</li> 37 </ul> 38 39 </body>