JS添加元素新節(jié)點的方法-創(chuàng)新互聯(lián)

小編給大家分享一下JS添加元素新節(jié)點的方法，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

專注于為中小企業(yè)提供網(wǎng)站設(shè)計制作、成都做網(wǎng)站服務(wù),電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)長寧免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了千余家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

JS添加元素新節(jié)點，JS添加元素新節(jié)點的注意事項有哪些

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>www.jb51.net - JS添加新節(jié)點的幾種方法</title>
</head>
<body>
<p id="d">
<span id="s">
  1234567890
</span>
</p>
</body>
<script type="text/javascript">
  //首先找到Id為d的元素
  var d=document.getElementById('d');
  //創(chuàng)建一個節(jié)點
  var a=document.createElement('a');
  //設(shè)置a的屬性
  a.href='https://www.baidu.com/';
  a.innerText='ggggg';
  //添加元素  將創(chuàng)建的節(jié)點添加到Id為d的p里
  d.appendChild(a);
  //在指定節(jié)點前插入新節(jié)點
  var p=document.createElement('p');
  //添加文本內(nèi)容
  p.innerText='ppppppppppppppppp';
  //d.appendChild(p);
  //參數(shù)1：要添加的元素 參數(shù)2：要放到哪個節(jié)點的前面
  d.insertBefore(p,a);
  //獲取目標(biāo)元素
  var s=document.getElementById('s');
  //克隆新元素
  var spanc= s.cloneNode(true);//默認(rèn)參數(shù)是false
  d.appendChild(spanc);
</script>
</html>

運行效果截圖：

JS添加元素新節(jié)點的方法

看完了這篇文章，相信你對“JS添加元素新節(jié)點的方法”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

本文名稱：JS添加元素新節(jié)點的方法-創(chuàng)新互聯(lián)
網(wǎng)頁鏈接：http://bm7419.com/article0/dgoioo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供軟件開發(fā)、網(wǎng)站營銷、品牌網(wǎng)站制作、云服務(wù)器、建站公司、域名注冊

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

猜你還喜歡下面的內(nèi)容