【学习笔记】DOM删改操作

最新推荐文章于 2022-11-30 11:50:22 发布

idolXIE

最新推荐文章于 2022-11-30 11:50:22 发布

阅读量386

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/m0_54970415/article/details/124480552

版权

本文档介绍了JavaScript中对DOM进行删除和修改的操作，包括removeChild()方法用于删除节点，以及通过点语法和setAttribute()函数修改元素属性。点语法直接设置属性值，而setAttribute()不仅能新增还能修改属性。

摘要由CSDN通过智能技术生成

文章目录

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