createElement创建

定义和用法

createElement() 方法可创建元素节点。

此方法可返回一个 Element 对象。


<script type="text/javascript">
         window.onload = function()
         {
             var aa = "";
             var divs = document.getElementsByTagName("div");
             for (var i = 0; i <1000; i++) {
               aa = document.createElement("div");  //创建出对象类型 需一个一个单独加
             document.body.appendChild(aa);
         
}

  另一种方式是字符串形式

  

var str = ""
for (var i = 0; i <70; i++) {
str += "<div></div>"
}
wrap.innerHTML = str;


//
//            var aa=document.createElement("div");
//            aa.setAttribute("id","mydiv");
//            aa.style.color="#00ff00";
//            aa.style.fontSize="19px";
//            aa.style.fontWeight="bold";
//            aa.innerHTML ="123123";
//            document.body.appendChild(aa);

          }
      </script>
时间: 2024-08-13 13:11:32

createElement创建的相关文章

在js中使用createElement创建HTML对象和元素 (转)

1.创建链接 <script language="javascript"> var o = document.body; //创建链接 function createA(url,text) { var a = document.createElement("a"); a.href = url; a.innerHTML = text; a.style.color = "red"; o.appendChild(a); } createA(

在js中使用createElement创建HTML对象和元素

1.创建链接 <script language="javascript"> var o = document.body; //创建链接 function createA(url,text) { var a = document.createElement("a"); a.href = url; a.innerHTML = text; a.style.color = "red"; o.appendChild(a); } createA(

createElement() 创建元素 appendChild()添加元素

Javascript window 对象的document.createElement() 方法.语法及其使用. 1.方法 创建一个新的html元素对象,并可返回一个Element 对象,新创建的Element 对象,具有指定的标签名. 2.语法 以下为引用内容: createElement(name) 3.使用 1.创建超链接 以下为引用内容: <html> <body> <script language="javascript"> var o =

document.createElement,创建浏标签

HTML5新增的元素不被IE6.IE8识别,不能作为父节点包裹子元素,而且不能应用css样式. 让CSS样式应用在未知元素上只需要执行document.createElement,里面写一个HTML5元 素名就可以实现了.如下: 原文地址:https://www.cnblogs.com/panpanfamily/p/10347488.html

0166 DOM 之 节点操作: 删除节点,删除留言案例,复制(克隆)节点,动态生成表格案例,创建元素的三种方式,innerHTML和createElement效率对比

1.1.1 删除节点 node.removeChild(child) // 此处的node指 父节点 node.removeChild() 方法: 从 node节点中删除一个子节点,返回删除的节点. <button>删除</button> <ul> <li>熊大</li> <li>熊二</li> <li>光头强</li> </ul> <script> // 1.获取元素 va

JS-DOM ~ 03. 子节点的操作、style.样式和属性、dom元素的创建方法及操作、14个例题、主要是利用js直接控制html属性

带有Element和不带的区别 a)  带Element的获取的是元素节点 b)  不带可能获取文本节点和属性节点 获取所以子节点 a)   . childNodes b)   . children c)   . parentNode . children [索引] . children:获取所有子节点 opacity:0-1:透明度 alpha(opacity:百分数):IE6/7/8透明度 先绑定事件再进行循环 previousNode()上一个兄弟节点 alert(变量名)可测试变量名是否

DOM操作 ——如何添加、移除、移动、复制、创建和查找节点等。

DOM操作 --如何添加.移除.移动.复制.创建和查找节点等. (1)创建新节点 createDocumentFragment() //创建一个DOM片段 createElement() //创建一个具体的元素 createTextNode() //创建一个文本节点 (2)添加.移除.替换.插入 (1)创建新节点 createDocumentFragment()    //创建一个DOM片段 createElement()   //创建一个具体的元素 createTextNode()   //创

JavaScript---网络编程(9-1)--DHTML技术演示(2-1)-表格创建的几种方式

一:用最底层的方式,该方式用来创建别的对象树也可以 代码演示: <html> <head> <title>DHTML技术演示---表格创建--用最底层的方式,其实该方式用来创建别的对象树也可以</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <style type="text/css&qu

createElement与innerHtml性能比較

js中.动态加入html的方法大致就是两种,一种是document.createElement等方法创建,然后使用Element.appendChild加入,或者是使用Element.innerHTML = sHTML的方式.两种方法,显然前面一种更加灵活,除了Element.appendChild方法外,还有insertBefore等等其它dom操作方式.这里且不谈灵活性,但就性能做一个探索. 比較的方式非常easy: 各生成10000次形如<div><span>性能測试<