DOM操作实战热身

Original 2019-05-18 23:18:46 154
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-05-20 09:18:46
Teacher's summary:完成的不错。js功能非常强大,要好好练习。继续加油。

Release Notes

Popular Entries