day9 part2:JavaScript DOM编程学习笔记03

例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;
			}
		}




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值