读书人

document.createElement(div)动态生成

发布时间: 2012-11-06 14:07:00 作者: rapoo

document.createElement(div)动态生成层方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><script language="javascript1.2">function Button1_onclick() //直接采用代码建立一个DIV{    var newElement = document.createElement("div");     var newText = document.createTextNode("这是新建立 div 中的文字。");     document.body.appendChild(newElement);     newElement.id = "newDiv";     newElement.className = "newDivClass";     newElement.setAttribute("name","newDivName");     newElement.style.width = "300px";     newElement.style.height = "200px";     newElement.style.margin = "0 auto";     newElement.style.border = "1px solid #DDD";     newElement.appendChild(newText);  }  </script></head><body onload="Button1_onclick()"></body></html>

读书人网 >Web前端

热点推荐