appendChild()用法詳解
本章節介紹一下appendChild()方法的用法,需要的朋友可以做一下參考。
此方法可以在指定元素內部的末尾追加一個指定元素。
語法結構:
[JavaScript] 純文字檢視 複製程式碼parentNode.appendChild(newNode)
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> #box li { width: 350px; height: 25px; line-height: 25px; font-size: 12px; } </style> <script type="text/javascript"> window.onload = function () { var obox = document.getElementById("box"); var oli = document.createElement("li"); var otxt = document.createTextNode("本站的url地址是softwhy.com"); oli.appendChild(otxt); obox.appendChild(oli); } </script> </head> <body> <ul id="box"> <li>螞蟻部落歡迎您,只有努力才會有美好的未來</li> <li>每一天都是新的,必須要好好把握。</li> <li>沒有人一開始就是高手,必須要努力奮鬥。</li> <li>未來都是虛無縹緲的,只有當前是現實。</li> <li>分享和互助式進步的最大原動力</li> </ul> </body> </html>
相關文章
- extern用法詳解
- Metasploit用法詳解
- xargs用法詳解
- Nmap用法詳解
- mount用法詳解
- JavaScript appendChild()JavaScriptAPP
- Flutter ListView 用法詳解FlutterView
- MyBatis Generator 用法詳解MyBatis
- iconfont用法詳解
- Promise用法詳解(一)Promise
- StringTie用法詳解
- SVG <markers>用法詳解SVG
- Elasticsearch SQL用法詳解ElasticsearchSQL
- git stash用法詳解Git
- JSONP用法詳解JSON
- Generator用法詳解+co
- jQuery 事件用法詳解jQuery事件
- SVG transform用法詳解SVGORM
- expdp/impdp 用法詳解
- expdp/impdp用法詳解
- awk sed 用法詳解
- Ubuntu mount命令用法詳解Ubuntu
- axios的用法詳解iOS
- react-dnd 用法詳解React
- golang package time 用法詳解GolangPackage
- c++ vector用法詳解C++
- dataTransfer.setData() 用法詳解
- struct的匿名用法詳解Struct
- Python self用法詳解Python
- fcntl函式用法詳解函式
- eval()函式用法詳解函式
- jQuery stop()方法用法詳解jQuery
- STL中set用法詳解
- background屬性用法詳解
- inline用法詳解inline
- document.all用法詳解
- rowspan和colspan用法詳解
- oracle merge into 用法詳解Oracle