jsDOM基礎insertBefore基本用法

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

在这里插入图片描述

发布了62 篇原创文章 · 获赞 102 · 访问量 3157

猜你喜欢

转载自blog.csdn.net/weixin_44763595/article/details/104823835
今日推荐