如何使用javascript创建具有id名称的元素?

时间:2015-09-07 05:14:58

标签: javascript html css

如何使用javascript创建具有id名称的元素?

我想创建<span id="inner">xxx</span>内部<div id="outter">

我试过了,但我无法将id="inner"添加到<span>

http://jsfiddle.net/rndao3rd/

<!DOCTYPE html>
<html>
    <body>

        <div id="outer">
        </div>

        <script>
            var para = document.createElement("span");
            var node = document.createTextNode("xxx");
            para.appendChild(node);
            var element = document.getElementById("outer");
            element.appendChild(para);
        </script>

    </body>
</html>

3 个答案:

答案 0 :(得分:2)

Javascript第二行添加此代码:

para.id = "inner";

答案 1 :(得分:0)

你也可以这样做:

para.setAttribute("id", "inner");

答案 2 :(得分:0)

您可以使用以下两种方式添加ID:

1) 的 para.id = “ID”; 2) 的 para.setAttribute( “ID”, “ID”);