DIV CSS 佈局教程網

點擊每個li節點，都彈出其文本值

1，獲取所有的li節點

var liNodes=document.GetElementsByTagName("li");

2，使用for循環進行遍歷，得到每一個li節點

for(var i=0;i<liNodes.length;i++){
alert(i);
}

3，為每一個li節點添加onclick響應函數

liNodes[i].onclick=function(){   }

4，在響應函數中獲取當前節點的文本值

this 為正在響應事件的那個節點

alert(this.firstChild.nodeValue);

點擊每個li節點，若li節點的文本值沒有^^開頭，加上；有，則去除

var liNodes=document.getElementsByTagName("li");//獲取
for(var i=0;i<liNodes.length;i++){//遍歷
liNodes[i].onclick=function(){//響應
var val=this.firstChild.nodeValue;
var reg=/^\^{2}/g;//全局正則
if(reg.test(val)){//判斷
　　val=val.replace(reg,"");
　　}
else{
　　　val="^^"+val;　
}
firstChild.nodeValue=val;
　　}

以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持！