溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹javascript能不能增加標簽，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
javascript能增加標簽，方法：1、使用“document.createElement("標簽名")”語句創建新標簽節點；2、使用insertBefore()或appendChild()函數在指定子元素節點前或后插入新標簽節點。
本教程操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。
節點的插入分兩種情況：在元素子節點列表的后面附加子節點和在元素某個子節點前面插入子節點:
第一種情況調用：element.appendChild（子節點）；
第二種情況調用：element.insertBefore（新節點，現有節點）。
示例1：在元素子節點列表的后面附加子節點
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<ul id="myList">
<li>Coffee</li>
<li>Tea</li>
</ul>
<p id="demo">單擊按鈕將項目添加到列表中</p>
<button onclick="myFunction()">點我</button>
<script>
function myFunction() {
var node = document.createElement("LI");
var textnode = document.createTextNode("Water");
node.appendChild(textnode);
document.getElementById("myList").appendChild(node);
}
</script>
</body>
</html>
注意：
首先創建一個節點，
然后創建一個文本節點，
然后將文本節點添加到LI節點上。
最后將節點添加到列表中。
示例2：在元素某個子節點前面插入子節點
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<ul id="myList">
<li>Coffee</li>
<li>Tea</li>
</ul>
<p id="demo">單擊按鈕插入一個項目列表</p>
<button onclick="myFunction()">點我</button>
<script>
function myFunction() {
var newItem = document.createElement("LI")
var textnode = document.createTextNode("Water")
newItem.appendChild(textnode)
var list = document.getElementById("myList")
list.insertBefore(newItem, list.childNodes[0]);
}
</script>
</body>
</html>
注意：
首先創建一個li節點,
然后創建一個文本節點,
然后添加文本節點的在li節點。
最后在第一個子節點列表插入li節點。
以上是“javascript能不能增加標簽”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
