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

Original 2018-12-06 04:00:25 256
abstract:<!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>


Correcting teacher:天蓬老师Correction time:2018-12-06 09:07:30
Teacher's summary:想一下, 按正确思维, 最后添加的信息, 应该显示在最前面, 是如何实现的?

Release Notes

Popular Entries