html文件添加内容学习笔记
<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>
声明：本站所有文章资源内容，如无特殊说明或标注，均为采集网络资源。如若本站内容侵犯了原著者的合法权益，可联系本站删除。
