JavaScript实现自动生成网页元素功能(按钮、文本等)

创建元素的方法:



  • 1、利用createTextNode()创建一个文本对象

  • 2、利用createElement()创建一个标签对象

  • 3、直接利用容器标签中的一个属性:innerHTML—–本质上改该标签容器中的“html代码”,不是我们认为的对象树的操作


详解代码:



<body>  <input type="button" value="创建并添加节点1" onclick="addNode1()"/>  <input type="button" value="创建并添加节点2" onclick="addNode2()"/>  <input type="button" value="创建并添加节点3" onclick="addNode3()"/>  <input type="button" value="remove节点1 " onclick='removenode()'/>  <input type="button" value="replaceNode节点2替换 " onclick='remove2()'/><!--1替换2,并且1没有保留-->  <input type="button" value="clone替换 " onclick='clone()'/>  <div id="div_id1">这是div模块--</div>  <div id="div_id2">必须好好地学习,这样才能让自己有很好的回报</div>  <div id="div_id3">好好干,加油