document.createTextNode

<!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>
    <title>5-6</title>
</head>
<body>
    <div style="width: 261px; height: 70px; background-color: #cccccc;" id="NameList" align="center">
    </div>
    <script language="javascript">
        var names = new Array( "Lily", "Tomson", "Alex", "Jack","hdh" );  // 名单
        for( i = 0; i< names.length; i++ )                          // 遍历名单
        {
            var tn = document.createTextNode( names[i] + " " );     // 创建一个文本节点，内容为名单上当前名字
            var nameList = document.getElementById( "NameList" );   // 找出层NameList
            nameList.appendChild( tn );                             // 将文本节点添加到层NameList上
        }
    </script>
</body>
</html>

out

时间： 2024-10-14 05:42:06

document.createTextNode的相关文章

javascript appedChild()和document.createTextNode

appendChild只能直接增加html元素标签,不能直接添加字符串元素.增加字符串必须配合document.createTextNode 实例:td.appendChild(a);td.appendChild(document.createTextNode('Paid: (' + method.toUpperCase() + ')')); appendChild 添加的是容器,document.createTextNode 添加的是文本

javascript document.createElement() document.createTextNode()

//--------------document.createElement("div") var div = document.createElement("div"); div.innerText = "abc"; 效果就是 //<div>abc</div> //---------------document.createTextNode()创建一个文本节点 var div = document.createEleme

Document Object Model

1. DOM => Document Object Model(文档对象模型); DOM是一个树形结构;由Node\Element(节点\元素)构成;2.Node\Element; element.id\element.className\element.value\.... element.tagName\element.nodeName => 元素的标签名; element.nodeType; => 元素的类型; Element(1); => 元素; Attbribute(2)

document.createDocumentFragment()的作用是什么

document.createDocumentFragment()的作用是什么:createDocumentFragment()函数可能用的并不是太多,之所以这样是因为不使用此方法完全可以实现所有的功能,但是如果能够妥当的使用此函数可以有效的提高执行效果,下面就通过实例简单介绍一下次函数用法.先看一段代码实例: var myArray=new Array("一","二","三","四","五","

Document Object Model 文档对象模型

===DOM==== 一组API. 作用: 1.修改标签属性 2.增加删除html文本中的标签操作: 1.查找方式1:使用id或者标签名,查找节点 document.getElementById("id值"); document.getElementsByTagName("标签名"); 方式2:遍历 parentNode:父节点 previousSibling:前一个兄弟节点 nextSibling:后一个兄弟节点 childNodes:孩子节点,返回数组 fi

document的createDocumentFragment()方法

在更新少量节点的时候可以直接向document.body节点中添加,但是当要向document中添加大量数据是,如果直接添加这些新节点,这个过程非常缓慢,因为每添加一个节点都会调用父节点的appendChild()方法,为了解决这个问题,可以创建一个文档碎片,把所有的新节点附加其上,然后把文档碎片一次性添加到document中. 假如想创建十个段落,使用常规的方式可能会写出这样的代码: 1 2 3 4 5 6 for(var i = 0 ; i < 10; i ++) { var p =

JavaScript Document

document:文档对象 document.getElementById();//根据ID获取元素对象 document.getElementsByTagName();//根据标签名获取元素对象数组 document.getElementsByClassName();//根据类名获取元素对象数组 document.getElementsByName();//根据名字获取元素对象数组 document.createElement();//创建元素对象 document.createTextNod

HTML DOM Document 对象

Document 对象属性和方法 HTML文档中可以使用以上属性和方法: 属性 / 方法描述 document.activeElement 返回当前获取焦点元素 document.addEventListener() 向文档添加句柄 document.adoptNode(node) 从另外一个文档返回 adapded 节点到当前文档. document.anchors 返回对文档中所有 Anchor 对象的引用. document.applets 返回对文档中所有 Applet 对象的引用.

document文档碎片

var arrText = ["1","2","3","4","5","6","7","8","9","10"]; var oFragment = document.createDocumentFragment(); for(var i=0;i<arrText.length;i++) { var oP