记录CSDN超级实习生计划学习笔记打卡第一天

CSDN超级实习生计划打卡计划90天——第一天DOM删除操作

1. removeChild()

var dDw=document.getElementById('dw');
dWrap.removeChild(dDw);

2. 删除属性节点

var dZy=document.getElementById('zy');
//获取属性节点
var c=dZy.getAttributeNode('class');
//删除属性节点
dZy.removeAttributeNode(c);

DOM修改操作

1. 点语法修改元素属性

<button id='ldh'>刘德华</button>
<button id='zxy'>张学友</button>
<img src='img/ldh,jpg'>

//1.获取元素
var ldh=document.getElementById('ldh');
var zxy=document.getElementById('zxy');
var img=document.queryElector('img');
//2.注册事件
ldh.onclick=function(){
  img.src="img/ldh.jpg";
}
zxy.onclick=function(){
  img.src="img/zxy.jpg";
}

2. setAttribute()

element. setAttribute(‘要修改的属性名’, ‘修改的内容’);

（setAttribut也可用于新增：element. setAttribute(‘新增的属性名’, ‘内容’);）