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

How to create element with id name using javascript?

本文关键字:元素 id 何使用 javascript 创建      更新时间:2023-09-26

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

我想创建<span id="inner">xxx</span> inner <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>

Javascript第二行添加以下代码:

para.id = "inner";

您也可以这样做:

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

您可以通过两种方式添加id:

1) para.id = " Id "; 2) para.setAttribute("id"、"id");