例1:
功能:点击每个li节点都弹出其文本值
window.οnlοad=function(){
//1.获取所有的li节点
var liNodes=document.getElementsByTagName("li");
//2.使用for循环进行遍历,得到每个li节点
for(var i=0;i<liNodes.length;i++){
//3.为每一个li节点添加onclick响应函数
liNodes[i].οnclick=function(){
//4.在响应函数中获取当前节点的文本节点的文本值
//5.alert打印
//this为正在响应事件的那个节点
alert(this.firstChild.nodeValue);
}
}
}
例2:
功能:点击每个li节点,若li节点的文本值没有^^开头,则加上,有的话则去除
window.οnlοad=function(){
var liNodes=document.getElementsByTagName("li");
for(var i=0;i<liNodes.length;i++){
liNodes[i].οnclick=function(){
var val=this.firstChild.nodeValue;
// //g表示全局的,以x开始的就写^x,因为^是特殊字符,所以写成^\^
var reg=/^\^{2}/g;
if(reg.test(val)){
val=val.replace(reg,"");
}else{
val="^^"+val;
}
this.firstChild.nodeValue=val;
}
}