亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

聊天信息生成原理

original 2019-01-25 22:25:31 215
abstrait:首先,獲取輸入框(input)、提交按鈕(button)、輸出列表項(xiàng)(ul); 其次,通過(guò)button按鈕點(diǎn)擊事件在ul列表項(xiàng)中添加li元素; 再次,獲取input框中的內(nèi)容,并顯示到列表項(xiàng)中,當(dāng)再次點(diǎn)擊按鈕時(shí)清空     輸入框中的內(nèi)容。 <!DOCTYPE html> <html lang="en&quo
首先,獲取輸入框(input)、提交按鈕(button)、輸出列表項(xiàng)(ul);
其次,通過(guò)button按鈕點(diǎn)擊事件在ul列表項(xiàng)中添加li元素;
再次,獲取input框中的內(nèi)容,并顯示到列表項(xiàng)中,當(dāng)再次點(diǎn)擊按鈕時(shí)清空
    輸入框中的內(nèi)容。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>實(shí)戰(zhàn)熱身</title>
</head>
<body>
<input type="text" name="info">
<button>提交</button>
<ul></ul>
<script>
 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>


Professeur correcteur:滅絕師太Temps de correction:2019-01-26 09:28:04
Résumé du professeur:作業(yè)比較簡(jiǎn)單,下次完成這樣的作業(yè),需要帶上基本布局樣式

Notes de version

Entrées populaires