DOM操作实战热身

原创 2019-02-23 22:54:38 235
摘要:<!DOCTYPE html><html><head> <title>实战热身</title></head><body><input type="text" name="info"><button>提交</button><ul>

<!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.innerHTML = input.value;  //文本框中的内容

ul.appendChild(li);//将用户信息显示到列表中

input.value = ''; //将文本框内容清空

}

</script>

</body>

</html>


批改老师:西门大官人批改时间:2019-02-24 09:33:37
老师总结:程序逻辑基本正确,但是程序没有处理用户什么也没有输入的情况

发布手记

热门词条