JavaScript HTML DOM 元素(节点)

来源:互联网 发布:iphone设置网络权限 编辑:程序博客网 时间:2024/05/17 06:21

    今天,科比宣布本赛季退役。真的是越想想越心塞,虽然我早告诉自己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
原创粉丝点击