新添加内容置顶

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

猜你喜欢

转载自blog.csdn.net/qq_43198747/article/details/86580293