摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>实战热身</title>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>实战热身</title>
</head>
<body>
<input type="text" name="info">
<button>提交</button>
<ul></ul>
<script type="text/javascript">
let info=document.getElementsByName('info')[0];
let btn=document.getElementsByTagName('button')[0];
let ul=document.getElementsByTagName('ul')[0];
btn.onclick=function(){
let li=document.createElement('li');
li.innerHTML=info.value;
ul.appendChild(li);
info.value='';
}
</script>
</body>
</html>总结:今天学到了各种选择器的使用、js对HTML属性的操作以及对元素内容的处理、还有Dom节点的创建,插入和删除,并且与jquery中的操作进行了对比,理解的更加清晰了,后期还需要多加练习应用,熟悉他们的用法。
批改老师:灭绝师太批改时间:2018-11-19 17:38:49
老师总结:完成的不错,多多练习很有必要,继续加油!