JavaScript HTML DOM 元素(节点)

    今天,科比宣布本赛季退役。真的是越想想越心塞,虽然我早告诉自己5,6年前的初中生活早已过去,也早就知道科比这几年状态不咋地,年龄也到了差不多了。但是啊,时间到了,任何事都有始有终,不管怎样,起码回忆是美的,享受的过程是存在的,生活就是这样,人生就是这样,so,还是得接受。总之谢谢科比,谢谢生活中存在的人和事,让我的回忆不那么孤单,好坏不去说它,存在便是有意义的。

    为了这些回忆,所以发现还是要把代码的学习过程记录下来。打打才比较有感觉~


创建新的html元素

创建新的〈p〉元素:

var para = document.createElement("p");
向p元素添加文本,首先创建文本节点:

var node = document.createTextNode("这是新段落。");
向p元素追加这个文本节点:
para.appendChild(node);

必须向一个已有的元素追加刚刚建的新元素:
var element = document.getElementById("div1");
element.appendChild(para);

删除已有的html元素


首先获得该元素的父元素

拥有2个子节点的div元素:

<div id="div1">
<p id="p1">这是一个段落。</p>
<p id="p2">这是另一个段落。</p>
</div>

找到id="div1"的元素
var parent=document.getElementById("div1");

找到id="p1"的p元素
var child=document.getElementById("p1");

从父元素中删除子元素
parent.removeChild(child);

DOM必须清楚需要删除的元素,以及它的父元素!!!

找到删除的子元素,然后用parentNode属性来找到父元素

var child = document.getElementById("p1");
child.parentNode.removeChild(child); 

把w3里改记的都记在这里了,,感觉有些没必要。。我也不知道用什么方法才能把这些代码记住,,只是看到网上有人说要用写博客的方式,反正w3上的内容一定要过一遍!!写可能是有印象的吧,,反正就是要在写的过程中把一些语法记住吧!


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值