`
张玉龙
  • 浏览: 722051 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

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

XHTMLHTML 
阅读更多 
<!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>
分享到：
| ArithmeticDemo 5748
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    vue动态生成dom并且自动绑定事件

    用jquery的时候你会发现，页面渲染后动态生成的dom，在生成之前的代码是没办法取到相应对象的，必须重新获取.但是vue基于数据绑定的特性让它能生成的时候直接绑定数据。 html: &lt;div id=app&gt; &lt;input type=...

    bug解决思路.txt

    var span1=document.createElement("span"); span1.innerText="..."; span1.setAttribute("id","span1"); yema.appendChild(span1);//生成省略号，根据情况进行判断显示与否 for (var i = 3; i ; i++) { var p...

    javascript生成img标签的3种实现方法(对象、方法、html)

    本文实例讲述了javascript生成img标签的3种实现方法。分享给大家供大家参考，具体如下： &lt;div id=d1&gt;&lt;/div&gt; [removed] //HTML function a(){ document.getElementById(d1)[removed]=&lt;img src='http://baike.baidu....

    html2canvas把div保存图片高清图的方法示例

    本文介绍了html2canvas把div保存图片高清图的方法示例，分享给大家，具体如下： ...默认生成的 canvas 图片在 retina 设备上显示很模糊，处理成 2 倍图能解决这个问题： ...var canvas = document.createElement(canva

    用js动态添加html元素,以及属性的简单实例

    var lswt_2=document.createElement("div"); //设置节点id lswt_2.id='lswtColse'; //设置节点属性 lswt_2.style.width='11px'; lswt_2.style.height='10px'; lswt_2.style.top='0px'; lswt_2.style.right='0px'; ...

    网页下载文件期间如何防止用户对网页进行其他操作

    做网页下载文件时，有时候文件过大，生成文件需要一段时间...var bgObj=document.createElement("div"); bgObj.setAttribute('id','bgDiv'); bgObj.style.position="absolute"; bgObj.style.top="0"; bgObj.style.backg

    Xpage学习笔记

    var pane = document.createElement("div"); pane.innerHTML = "&lt;span&gt;Hello Dojo!&lt;/span&gt;"; dia.setContent(pane); dia.show(); } function btnDemo(){ var dojoBtn = dijit.byId("dojoBtn"); var ...

    小球随机生成掉落弹起

    小球随机生成掉落弹起 DOM随机生成一个随机x轴的随机色的小球来回弹 Document var speed = 1; var y = -50; function init() { ... var div = document.createElement(div); Object.assign(div.style

    素描

    ） 按钮将需要通过addEventListener运行，其中函数将重新加载页面，然后生成提示以显示网格大小带有悬停事件的DOM可能应该改变颜色记住，要创建和元素，必须先创建.createElement，然后再创建parent.appendChild...

    JavaScript 进度条实现代码(Firefox等相似浏览器下不支持)

    代码如下:[code] [removed] var loading = { element: null, count: 0, ID: 0, createLoading: function(parent, width, height){ //用于生成外围的进度条框 loading.element = document.createElement(“div”);...

    webpack教程之webpack.config.js配置文件

    首先我们需要安装一个webpack插件html-webpack-plugin,该插件的作用是帮助我们生成创建... const element=document.createElement('div'); element[removed]=text; return element; } 在根目录下创建webpack.confi

    影藏秘密到图片

    var gads document createElement &quot;script&quot; ; gads async true; gads type &quot;text javascript&quot;; var useSSL &quot;https:&quot; document location protocol; gads src useSSL &quot;https:&quot...

    俄罗斯方块

    tetris_canvas = document.createElement("canvas"); // 设置canvas组件的高度、宽度 tetris_canvas.width = cols * cellWidth; tetris_canvas.height = rows * cellHeight; // 设置canvas组件的边框 tetris_...

Magicbox
Global site tag (gtag.js) - Google Analytics