代码和老师的一样 效果出不来 纠结啊

Original 2019-04-08 17:30:35 154
abstract:<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>Title</title&g
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<input type="text" name="info">
<button>发送</button>
<ul></ul>

<script type="text/javascript">
 //获取到元素
 let input = document.getElementsByName('info').item(0);
 let button = document.getElementsByTagName('button').item(0);
 let ul = document.getElementsByTagName('ul').item(0);

 button.onClick = function () {
        let li = document.createElement('li');
 li.innerHTML = input.value; //把input中输入的内容赋值给li标签内
 ul.appendChild(li); //将用户输入的信息显示到列表中
 input.value = '';   //将input框内的内容清空
 }

</script>
</body>
</html>


Correcting teacher:西门大官人Correction time:2019-04-09 10:36:22
Teacher's summary:你的代码如果和老师的一样,肯定有效果。 你的之所以没有效果,是因为代码写错了。button.onClick不对,正确的是button.onclick,onclick是小写,没有大写

Release Notes

Popular Entries