<html>

<head>

<script type="text/javascript">

function t(){ 

 var nodeul = document.getElementsByTagName('ul')[0];//獲取需要復(fù)制的UL節(jié)點(diǎn)

 var newul = nodeul.cloneNode(true);//true表示深度復(fù)制，即邊下邊的li和文本也一起；如果是false，則只復(fù)制ul

 var node_copy = document.getElementById('copyul');

 node_copy.appendChild(newul);

}

</script>

</head>

<body>

<div id="container">

 <ul>

  <li>春天</li>

  <li>夏天</li>

  <li>秋天</li>

  <li>冬天</li>

 </ul>

</div>

<div id="copyul">

</div>

<hr />

<button onclick="t()" value="">指定位置增加節(jié)點(diǎn)</button>

</body>

</html>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

深入淺析javascript函數(shù)中with
這篇文章主要介紹了javascript函數(shù)中with,with函數(shù)方便用來(lái)引用某個(gè)對(duì)象中已有的屬性，但是不能用來(lái)給對(duì)象添加屬性，要給對(duì)象創(chuàng)建新的屬性，下面通過(guò)代碼給大家講解，需要的朋友可以參考下
2018-10-10
event對(duì)象獲取方法總結(jié)在google瀏覽器下測(cè)試
Event 對(duì)象代表事件的狀態(tài)，比如事件在其中發(fā)生的元素、鍵盤(pán)按鍵的狀態(tài)、鼠標(biāo)的位置、鼠標(biāo)按鈕的狀態(tài)，Event對(duì)象的獲取方法如下，感興趣的朋友可以參考下
2013-11-11
移動(dòng)端界面的適配
本文主要介紹了移動(dòng)端頁(yè)面適配相關(guān)知識(shí)，用于解決在所有手機(jī)上看到字體的大小都一樣問(wèn)題。下面跟著小編一起來(lái)看下吧
2017-01-01
JavaScript通過(guò)join函數(shù)連接數(shù)組里所有元素的方法
這篇文章主要介紹了JavaScript通過(guò)join函數(shù)連接數(shù)組里所有元素的方法,實(shí)例分析了javascript中join函數(shù)的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-03-03
JavaScript引用賦值與傳值賦值總結(jié)
這篇文章主要介紹了JavaScript引用賦值與傳值賦值總結(jié)，在JavaScript中基本數(shù)據(jù)類(lèi)型都是傳值賦值，復(fù)合數(shù)據(jù)類(lèi)型都是引用賦值(傳地址)也叫引用傳址，下文更多相關(guān)資料，需要的小伙伴可以參考一下
2022-05-05
JS實(shí)現(xiàn)簡(jiǎn)易刻度時(shí)鐘示例代碼
本篇文章主要介紹了JS實(shí)現(xiàn)簡(jiǎn)易刻度時(shí)鐘示例代碼的資料,這里整理了詳細(xì)的代碼,有需要的小伙伴可以參考下。
2017-03-03
十分鐘教你上手ES2020新特性
這篇文章主要介紹了十分鐘教你上手ES2020新特性，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-02-02
JavaScript 特有方法計(jì)算二進(jìn)制中1的個(gè)數(shù) split方法
這是一道網(wǎng)上看到的前端的筆試題，主要思想是利用JavaScript的toString方法將十進(jìn)制數(shù)轉(zhuǎn)換為二進(jìn)制的字符串。然后for循環(huán)遍歷計(jì)算字符串中”1″出現(xiàn)的次數(shù)。
2010-05-05
JavaScript判斷對(duì)象是否為空對(duì)象的幾種常見(jiàn)方法
經(jīng)典面試題,研發(fā)時(shí)也經(jīng)常遇見(jiàn)的一個(gè)問(wèn)題,如何判斷一個(gè)對(duì)象是空對(duì)象,這篇文章主要給大家介紹了關(guān)于JavaScript判斷對(duì)象是否為空對(duì)象的幾種常見(jiàn)方法,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-06-06
js遍歷對(duì)象key和value實(shí)戰(zhàn)舉例
這篇文章主要給大家介紹了關(guān)于js遍歷對(duì)象key和value的相關(guān)資料,隨著JavaScript在web應(yīng)用程序中的廣泛使用,遍歷對(duì)象的key和value成為了編寫(xiě)復(fù)雜代碼所必需的技能,需要的朋友可以參考下
2023-07-07