Peiyuan's Studio

海纳百川有容乃大，壁立千仞无欲则刚
  博客园 :: 首页 :: 新随笔 :: 联系 :: 订阅 :: 管理 ::

使用DOM技术操作文档

例1：
<body bgcolor="#999999" id="bodyNode">
<script language="JavaScript" type="text/JavaScript">
var div=document.createElement("DIV");
div.style.border="1px solid";
div.style.width="300px";
div.style.height="400px";
div.style.background="#FFFFFF";
div.innerHTML="Div";//注意大小写有要求
bodyNode.appendChild(div);

var childDiv1=document.createElement("DIV");
childDiv1.style.border="1px solid";
childDiv1.style.width="200px";
childDiv1.style.height="200px";
childDiv1.style.background="#33FFFF";
childDiv1.innerHTML="ChildDiv1";//注意大小写有要求
div.appendChild(childDiv1);

var img=document.createElement("IMG");
img.src="";
childDiv1.appendChild(img);
</script>
</body>

 

不定期添加
posted on 2006-07-18 09:48  Peiyuan  阅读(94)  评论(0)    收藏  举报