html文件添加內容學習筆記
阿新 • • 發佈:2018-11-14
筆記 proc document tel shadow 關聯 oss 圖片 png
<meta charset="UTF-8">
<title></title>
<script>
/*動態添加 : <p>文本</p> */
function dianwo(){
var div = document.getElementById("div1");
//創建元素節點
var p = document.createElement("p"); // <p></p>
//創建文本節點
var textNode = document.createTextNode("文本內容");// 文本內容
//將p 和文本內容關聯起來
p.appendChild(textNode); // <p>文本</p>
//將P添加到目標div中
div.appendChild(p);
}
</script>
</head>
<body>
<input type="button" value="點我,添加向下增加內容" onclick="dianwo()" />
<!--一會動態的往這個Div中添加節點-->
<div id="div1">
</div>
html文件添加內容學習筆記