国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

appendChild方式做簡單的聊天生成

Original 2018-12-31 23:04:37 188
abstract:<!DOCTYPE html><html><head> <title>聊天實戰(zhàn)熱身</title></head><body><input type="text" name="info"><button >提交</button><ul&

<!DOCTYPE html>

<html>

<head>

<title>聊天實戰(zhàn)熱身</title>

</head>

<body>

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

<button >提交</button>

<ul></ul>

<script type="text/javascript">

// 獲取元素

var input = document.getElementsByName('info')[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); //將li的內(nèi)容顯示列表里面

input.value=''; //清空value內(nèi)容的值

}

// 第一獲取元素[0]不能少的,getElementsByName不能少s的

</script>

</body>

</html>


Correcting teacher:天蓬老師Correction time:2019-01-01 09:17:38
Teacher's summary:var ul = document.getElementsByTagName('ul')[0]; 試試這樣寫:let ul = document.getElementsByTagName('ul').item(0);也是一樣的,而且現(xiàn)在是推薦的語法

Release Notes

Popular Entries