document.createTextNode

Posted h0000dh

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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

 

以上是关于document.createTextNode的主要内容，如果未能解决你的问题，请参考以下文章

innerHTML 和 document.createTextNode 有啥区别 [重复]

将 HTML 实体放入 document.createTextNode

document.createTextNode

创建文本节点createTextNode

Javascript createTextNode 不起作用

javascript document.createTextNode 在 java 脚本中返回 <p> </p>