html檔案新增內容學習筆記
阿新 • • 發佈：2018-11-14
<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>
