DOM 建立和刪除HTML元素

2021-09-19 19:54:39 字數 1458 閱讀 9802

例如，如果想要在div中新建乙個段落p那麼需要分成以下幾步完成：

1，建立新的元素。createelement(「節點名」)：

var para = document.createelement(「p」);

2，建立p元素中的文字，文字為乙個文字節點。createtextnode(「文字」)：

var text_node = document.createtextnode(「這是乙個追加的段落」);

:

4，找到容納p節點的父節點

var element = document.getelementbyid(「s」);

5，將p節點追加到父節點後:

完整**如下：



head>


id="s">


這是乙個普通段落p>


在下面追加乙個段落p>


div>


//建立乙個節點


var para = document.createelement("p");


//建立文字節點    


var text_node = document.createtextnode("這是乙個追加的段落");


//將文字節點追加到p節點後


//將處理好的段落標記追加到網頁中的已知節點


var element = document.getelementbyid("s");


script>


body>


html>
刪除元素分為以下幾步

1. 找到待刪除的元素

2. 找到待刪除元素的父元素

3. 刪除元素。父節點.removechild(子節點)

也可以用parentnode獲取乙個元素的父元素：

child.parentnode.removechild(child);



id="div1">


這是乙個普通的段落p>


刪除下面的段落p>


id="delete">該段落應該被刪除p>


div>


var pare = document.getelementbyid("div1");


var child = document.getelementbyid("delete");


pare.removechild(child);


script>


body>


html>

建立DOM元素

昨天感冒，一天都是昏昏沉沉的，晚上八點就休息了，一覺醒來整個神清氣爽，感覺感冒好了一大截。本來今天要好好的學習的，看了乙個帖子，實在挪不開眼睛，所以通常五點開始的學習，拖到了六點多。好在今年下雨，晚上不用跑步去了，嘻嘻，挺好！createelement 標籤名 建立乙個節點 插入節點 節點，原有節點...

建立和插入DOM節點

插入節點 我們獲得了某個dom節點，假設這個dom節點是空的，我們通過innerhtml就可以增加乙個元素了，但是這個dom節點已經存在元素了，我們就不能這麼幹了 會產生覆蓋 追加j ascript j ase j aee j ame 效果 建立乙個新的標籤，實現插入 insertbefore le...

建立 和 刪除 oracle job

begin sys.dbms scheduler.create job job name reg pwdwronglimit job type stored procedure job action pro pwdwronglimit ctrl start date to date 01 01 20...