<div class="codetitle"> <span><a style="CURSOR: pointer" data="64751" class="copybut" id="copybut64751" onclick="doCopy('code64751')"><u>复制代码</u></a></span> 代码如下:</div> <div class="codebody" id="code64751"> <br><br><br><script type="text/javascript"><BR> function test(){ <BR> //createElement() 创建一个指定标签名的元素[比如:动态创建超链接]<BR> var createa=document.createElement("a");<BR> createa.id="a1";<BR> createa.innerText="连接到百度";<BR> createa.href="http://www.baidu.com";<BR> //createa.color="green" ////添加颜色(不要忘记style属性，不然没有效果)<BR> createa.style.color="green"<BR> //添加默认位置--body 并且添加子节点<BR> //document.body.appendChild(createa);<BR> //放置指定位置<BR> document.getElementById("div1").appendChild(createa);<BR> }<br><br> function test2(){<BR> //指定位置删除节点removeChild()<BR> document.getElementById("div1").removeChild(document.getElementById("a1")); //id 名重复 js只取第一个<BR> }<BR></script><br><br><br><!--动态创建元素--><br><input type="button" value="创建一个a标签" onclick="test()"><br><br><input type="button" value="删除创建一个a标签" onclick="test2()"><br><div id="div1" style="width:400px;height:300px;border:1px solid silver"><br></div> <br><br><br> </div> <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="56465" class="copybut" id="copybut56465" onclick="doCopy('code56465')"><u>复制代码</u></a></span> 代码如下:</div> <div class="codebody" id="code56465"> <br><br><br><script type="text/javascript"><BR> function test(){ <BR> //createElement() 创建一个指定标签名的元素[比如:动态创建超链接]<BR> var createa=document.createElement("a");<BR> createa.id="a1";<BR> createa.innerText="连接到百度";<BR> createa.href="http://www.baidu.com";<BR> //createa.color="green" ////添加颜色(不要忘记style属性，不然没有效果)<BR> createa.style.color="green"<BR> //添加默认位置--body 并且添加子节点<BR> //document.body.appendChild(createa);<BR> //放置指定位置<BR> $("div1").appendChild(createa);<BR> }<br><br> function test2(){<BR> //指定位置删除节点removeChild()<BR> $("div1").removeChild($("a1"));<BR> }<BR> //定义一个函数 返回给定id的对象<BR> function $(id){<BR> return document.getElementById(id);<BR> }<BR></script><br><br><br><!--动态创建元素--><br><input type="button" value="创建一个a标签" onclick="test()"><br><br><input type="button" value="删除创建一个a标签" onclick="test2()"><br><div id="div1" style="width:400px;height:300px;border:1px solid silver"><br></div> <br><br><br> </div> <br>
