javaEE (四)javaweb_JavaScript (7) 動態載入列表
阿新 • • 發佈:2018-12-22
Date:2018/11/17
效果如圖,點選按鈕就會增加一個hah,主要是測試建立節點和嵌入節點的功能,具體例子在(6)中有體現:
原始碼:
<!--
1、document.createTextNode 建立文字節點
2、document.createElement 建立元素節點(html 裡標籤就是節點)
3、liEle.appendChild 可以在節點裡加另一個元素節點或者文字節點,層層巢狀
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<script>
window.onload = function(){
document.getElementById("btn").onclick = function(){
var ulEle = document.getElementById("bigone");
var textNode = document.createTextNode("hah");
var liEle = document.createElement("li") ;
liEle.appendChild(textNode);
ulEle.appendChild(liEle);
}
}
</script>
<body >
<input type="button" value="點選" id="btn"/>
<ul id="bigone">
<li>asdas</li>
</ul>
</body>
</html>