點擊每個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; }以上就是本文的全部內容,希望本文的內容對大家的學習或者工作能帶來一定的幫助,同時也希望多多支持武林網!
新聞熱點
疑難解答