增删查改内容,重要基础appendchild,createElement,removeElement

原创2018-12-06 04:00:2592
摘要:<!DOCTYPE html><html><head> <title></title></head><body><input type='text' name="info"><button>提交</button><ul></u

<!DOCTYPE html>

<html>

<head>

<title></title>

</head>

<body>

<input type='text' name="info">

<button>提交</button>

<ul></ul>

<script type="text/javascript">


 let input=document.getElementsByName('info')[0];

 let button=document.getElementsByTagName('button')[0];

 let ul=document.getElementsByTagName('ul')[0];


 button.onclick=function(){

  let li=document.createElement('li');//创建类表象li

  li.innerHTML=input.value;//填充内容

  ul.appendChild(li);//插入li

    input.value='';//本文清空

 };

</script>

</body>

</html>


批改老师:天蓬老师批改时间:2018-12-06 09:07:30
老师总结:想一下, 按正确思维, 最后添加的信息, 应该显示在最前面, 是如何实现的?

发布手记

热门词条