怎样当点某个按钮的时候在网页的任何地方添加网页元素？

Question

createElement
appendChild等函数

Answer 1

<meta http-equiv="Content-Language" content="zh-cn">
<form name=form1><input type=button value=create onclick="check()">&nbsp;
  <select size="1" name="d1">
  <option value="button">按钮</option>
  <option value="radio">单选框</option>
  <option value="checkbox">复选框</option>
  <option value="text">文本框</option>
  </select><br/></form><SCRIPT>
function check()
{
  var a = document.createElement("input");
  a.type = form1.d1.value;
  a.name = "zww"
  a.value="zww";
  form1.insertAdjacentElement("beforeEnd", a);
}
  </SCRIPT>

Answer 2

var a = document.createElement("<input name='zww'>");要设置被创建对象的name属性必须在createElement()方法中明确指明，其他方法是不行的！

Answer 3

<form><input onclick=sw() size="20">
</form>
<script>
function sw()
{
       xx=document.createElement("<input type=button value=\"add\">")
       document.forms[0].appendChild(xx)
}
</script>

Answer 4

各位说的确实能够解决添加元素问题，但是添加以后的排版怎样控制呢？如果添加一个按钮属于form1，并且要他在某个td里面显示，甚至在某一段文字的中间第3个字的位置插入，又怎样实现呢？

Answer 5

用innerHTML
<script>
function hello()
{
   document.body.innerHTML=document.body.innerHTML+ "<a href=javascrip:window.open('xxx.htm')>xxxx</a>";
return false;
}
</script><P>&nbsp;</P>
<INPUT type="button" value="Button" id=button1 name=button1 onclick=hello()>

Answer 6

或者：<table>
  <tr><td>123</td><td>456</td></tr>
  <tr><td><div id="my"></div></td><td>456</td></tr>
</table>
<INPUT type="button" value="Button" id=button1 name=button1 onclick="document.all('my').innerHTML='this is a test'">