<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<script type="text/javascript">
window.onload=function(){
var x = document.getElementById('but');
var txt = document.getElementById('txt1');
x.onclick=function(){
var x1 = document.createElement('li');
var oli = document.getElementsByTagName('li');
var oul1 = document.getElementById('oul');
x1.innerHTML=txt.value;
// oul1.appendChild(x1);
oul1.insertBefore(x1,oli[0]);
};
};
</script>
<body>
<input type="text" id="txt1">
<input type="button" value="按钮" id="but">
<ul id="oul">
<li></li>
</ul>
</body>
</html>
jsDOM基礎insertBefore基本用法
猜你喜欢
转载自blog.csdn.net/weixin_44763595/article/details/104823835
今日推荐
周排行