新添加内容置顶

<!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>

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