dom获取创建插入时,元素有无引号的区别

https://img3.mukewang.com/5c1c55520001a33e09770560.jpg

<!DOCTYPE HTML>

<html>

<head>

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

    

    <button id='btn'>创建元素</button>

    

    <script type="text/javascript">

        

        var btn = document.getElementById('btn');

        

        //注册点击事件

        btn.onclick = function(){

            //创建一个元素

            var h1 = document.createElement('h1');

            h1.innerHTML = "这是新增h1标签";


            console.log( h1 );


            //使用appendChild的方式

            //document.body.appendChild( h1 );

            

            //使用insertBefore的方式

            //是在父元素中,先找一个节点,然后插入到它之前

            document.body.insertBefore(h1,btn); //新插入的节点是h1,作为第一个参数

        }


    </script>

</body>

</html>


米琪卡哇伊
浏览 529回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript