JavaScript--Document对象方法createElement()和createTextNode()

createElement() 方法通过指定名称创建一个元素

createTextNode() 可创建文本节点

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
            window.onload=function(){
                //根据id获得对象
                var firstdiv=document.getElementById("firstdiv");
                //创建元素对象
                var h1=document.createElement("h1");
                //创建文本对象
                var content=document.createTextNode("Hello World!");
                //添加对象到相应的节点
                h1.appendChild(content);
                firstdiv.appendChild(h1);
            }
        </script>
    </head>
    <body>
        <div id="firstdiv"></div>
    </body>
</html>

posted @ 2018-12-25 13:47 风拂晚柳阅读(1085) 评论(0) 收藏举报

刷新页面返回顶部