Question

如何将TextNode放入div而不是body，谢谢你提前！对不起，如果我没有经验。

<!DOCTYPE html>
<html>
    <body>

    <p>Click the button to create a h1 element with some text.</p>

    <button onclick="myFunction()">Try it</button>

    <script>
        function myFunction() {
            var h = document.createElement("H1");
            var t = document.createTextNode("Hello");
            h.appendChild(t);
            document.body.appendChild(h);
        }
    </script>

    </body>
</html>

Answer 1

这样做的一种方法是向Body添加div，然后使用getElementById

查找它

<body>

<div id="myButtonContainer">
    <p>Click the button to create a h1 element with some text.</p>
    <button onclick="myFunction()">Try it</button>
</div>

<div id="myDiv"></div>

<script>
    function myFunction() {
        var myButtonContainer = document.getElementById("myButtonContainer");
        myButtonContainer.style.display='none';

        var h = document.createElement("H1");
        var t = document.createTextNode("Hello");
        h.appendChild(t);

        var myDiv = document.getElementById("myDiv");
        myDiv.appendChild(h);
     }
</script>

</body>

您可以在此处查看示例：http://jsfiddle.net/jmgwya58/1/

如何将TextNode放入div而不是body

1 个答案: