JavaScript動態新增li元素
本章節分享一段程式碼例項,它實現了動態新增li元素的效果。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script> function addItem() { var ol = document.getElementById("antzone"); var newLi = document.createElement("li"); var textNode = document.createTextNode("螞蟻部落"); newLi.appendChild(textNode); ol.appendChild(newLi); } window.onload=function(){ var obt=document.getElementById("bt"); obt.onclick=function(){ addItem() } } </script> </head> <body> <ol id="antzone"></ol> <input id="bt" type="button" value="檢視效果"/> </body> </html>
上面的程式碼實現了我們的要求,非常的簡單這裡不多介紹。
相關閱讀:
(1).document.createElement方法參閱JavaScript createElement()一章節。
(2).createTextNode方法參閱document.createTextNode()一章節。
相關文章
- jquery動態新增li元素程式碼例項jQuery
- JavaScript 動態新增與刪除元素JavaScript
- JavaScript動態新增或者刪除HTML元素JavaScriptHTML
- JavaScript動態新增和刪除div元素JavaScript
- javascript如何動態新增和刪除元素JavaScript
- JavaScript 插入新li元素JavaScript
- jquery如何在li元素列表的開頭新增一個新li元素jQuery
- jquery為動態新增元素新增事件薦jQuery事件
- JavaScript 刪除指定的li元素JavaScript
- JavaScript動態生成html元素JavaScriptHTML
- 使用removeChild()函式動態刪除一個li元素REM函式
- JavaScript 獲取第n個li元素JavaScript
- JavaScript獲取li元素的下標JavaScript
- JavaScript 調整li元素上下順序JavaScript
- JavaScript動態建立元素和追加元素JavaScript
- javascript 動態新增表格行JavaScript
- javascript如何動態生成一個元素JavaScript
- JavaScript 獲取倒數第二個li元素JavaScript
- JavaScript li元素的順序隨機打亂JavaScript隨機
- JavaScript獲取當前li元素的索引位置JavaScript索引
- JavaScript獲取倒數第二個li元素JavaScript
- js動態在一個元素中新增另一個元素JS
- 事件委託---動態建立的元素新增事件事件
- jQTips · 動態新增元素的清爽寫法QT
- jquery 為動態新增的元素繫結事件jQuery事件
- JavaScript動態為table表格新增行JavaScript
- JavaScript動態向表格新增資料JavaScript
- javascript動態建立元素程式碼例項JavaScript
- JavaScript動態設定元素背景圖片JavaScript
- javascript刪除具有指定文字內容的li元素JavaScript
- javascript獲取li元素內容程式碼例項JavaScript
- JavaScript獲取當前li元素是第幾個JavaScript
- js如何動態為指定的元素新增內容JS
- jQuery動態新增或刪除<input type="file">元素jQuery
- jquery給動態新增的dom元素繫結事件jQuery事件
- jquery獲取指定li元素後面的第n個li元素jQuery
- JavaScript動態建立div並新增樣式JavaScript
- javascript獲取當前li元素在集合中的位置JavaScript