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

xixi不是溪

已于 2022-05-11 19:17:19 修改

阅读量313

点赞数

文章标签： DOM 删除操作属性修改事件处理 JavaScript

于 2022-05-11 19:02:53 首次发布

本文链接：https://blog.csdn.net/weixin_32424432/article/details/124716436

版权

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(‘新增的属性名’, ‘内容’);）