<html>

<head>

<script type="text/javascript">

function t(){ 

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

 var newul = nodeul.cloneNode(true);//true表示深度復制，即邊下邊的li和文本也一起；如果是false，則只復制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é)點</button>

</body>

</html>

希望本文所述對大家的javascript程序設計有所幫助。

您可能感興趣的文章:

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