dom操作

dom操作及案例

  • dom增加操作
 // 增加
<div id = "wrap"></div> 
var dwrap = document.getElementByID("wrap");
 var p1 = document.creatElement("p");
 p1.innerHTML="";
 //将p1放在指定位置
 dwrap.appendchild(p1);
 //拼接节点
 fn.appendChild()
 //插入节点
 fn.insertBefore(new,old);

// 可以进行循环遍历增加
//设置,修改属性样式,通过其设置的自定义属性通过点语法是不能调用的
fn.setAttribute()
//获取属性样式
fn.getAttribute()

//克隆节点 true 包含子节点 false 不包含子节点
fn.cloneNode(truefalse)
var d = drawp.cloneNode(dwrap,true);


* dom删除操作

var d = document.getElementByID("");
//删
dwrap.removeChild(d);
// 删除属性节点
//获取属性节点
var d1 = document.getElementByID("");
var c = d1.getAttributeNode("");
d1.removeAttributeNode(c);



* dom修改操作


var d1 = document.getElementByID("dw");
var p = document.creatElementByID("p");
p.innerHTML = "1";
dwrap.replaceChild(p,d1)

 * 查找操作
 fn.getElementById();
 fn.getElementByTagName();
 fn.getElementByClassName();
 fn.getElementByName();//表单常用

 fn.querySelector("");//里面写法与css类似
 fn.querySelectorAll("");//类数组

 var li2 = li1.nextElementSibling;//获取li1下一个节点
 ul.firstElementChild //获取ul下第一个子节点

 //获取节点后通过style属性控制样式,通过点语法调用标签属性,通过classList控制样式




  • 0
    点赞
  • 0
    收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

lu001226

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值