DOM实操作业

原创 2019-03-25 16:48:21 402
摘要:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>对话前瞻</title></head><body><input type="text" name=&quo

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>对话前瞻</title>

</head>

<body>

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

<button>发送</button>

<ul></ul>

</body>

</html>

<script>

var input=document.getElementsByTagName('input')[0];

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

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


button.onclick=function(){

var li=document.createElement('li');

li.innerHTML=input.value;

ul.appendChild(li)

}

</script>


批改老师:查无此人批改时间:2019-03-26 09:24:17
老师总结:完成的不错。刚开始接触js,可能会比较辛苦。多练习就好了,继续加油

发布手记

热门词条