javascript能不能增加標簽

這篇文章主要介紹javascript能不能增加標簽，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供鄂托克前網(wǎng)站建設、鄂托克前做網(wǎng)站、鄂托克前網(wǎng)站設計、鄂托克前網(wǎng)站制作等企業(yè)網(wǎng)站建設、網(wǎng)頁設計與制作、鄂托克前企業(yè)網(wǎng)站模板建站服務，10余年鄂托克前做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡服務。

javascript能增加標簽，方法：1、使用“document.createElement("標簽名")”語句創(chuàng)建新標簽節(jié)點；2、使用insertBefore()或appendChild()函數(shù)在指定子元素節(jié)點前或后插入新標簽節(jié)點。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

節(jié)點的插入分兩種情況：在元素子節(jié)點列表的后面附加子節(jié)點和在元素某個子節(jié)點前面插入子節(jié)點:

第一種情況調用：element.appendChild（子節(jié)點）；
第二種情況調用：element.insertBefore（新節(jié)點，現(xiàn)有節(jié)點）。

示例1：在元素子節(jié)點列表的后面附加子節(jié)點

<!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>

javascript能不能增加標簽

注意：

首先創(chuàng)建一個節(jié)點，
然后創(chuàng)建一個文本節(jié)點，
然后將文本節(jié)點添加到LI節(jié)點上。
最后將節(jié)點添加到列表中。

示例2：在元素某個子節(jié)點前面插入子節(jié)點

<!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>

javascript能不能增加標簽

注意：

首先創(chuàng)建一個li節(jié)點,
然后創(chuàng)建一個文本節(jié)點,
然后添加文本節(jié)點的在li節(jié)點。
最后在第一個子節(jié)點列表插入li節(jié)點。

以上是“javascript能不能增加標簽”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)站題目：javascript能不能增加標簽
當前鏈接：http://bm7419.com/article38/pcdgpp.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、、品牌網(wǎng)站設計、網(wǎng)站排名、標簽優(yōu)化、網(wǎng)站改版

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內容