DOM操作实战热身

Original 2019-02-23 22:54:38 175
abstract:<!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>


Correcting teacher:西门大官人Correction time:2019-02-24 09:33:37
Teacher's summary:程序逻辑基本正确,但是程序没有处理用户什么也没有输入的情况

Release Notes

Popular Entries