新添加內容置頂

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
</head>

<body>
<textarea id="text"></textarea>
<input type="button" value="點擊生成" onClick="create()"/>
<ul id="oul">
<li id="ali">111111</li>
</ul>
</body>
<script>
var text=document.getElementById('text')
var oli=document.createElement('li')//生成子節點
var ali=document.getElementsByTagName('li')
var oul=document.getElementById('oul')//找父節點
//insertBefore(子節點,在誰之前)
 function create(){
     oul.insertBefore(oli,ali[0])
     
     }
</script>
</html>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章