var body = document.querySelector('body');这句是什么意思?

<body>

    <h2>动态创建元素节点</h2>

    <button>点击通过jQuery动态创建元素节点</button>

    <script type="text/javascript">

    var $body = $('body');

    $body.on('click', function() {

        //通过jQuery生成div元素节点

        var div = $("<div class='right'><div class='aaron'>动态创建DIV元素节点</div></div>")

        $body.append(div)

    })




    var body = document.querySelector('body');


    document.addEventListener('click',function(){


     //创建2个div元素

     var rightdiv = document.createElement('div')

     var rightaaron = document.createElement("div");


     //给2个div设置不同的属性

     rightdiv.setAttribute('class', 'right')

     rightaaron.className = 'aaron'

     rightaaron.innerHTML = "动态创建DIV元素节点";


     //2个div合并成包含关系

     rightdiv.appendChild(rightaaron)


     //绘制到页面body

     body.appendChild(rightdiv)


    },false)

    </script>

</body>


晒渔网
浏览 1494回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JQuery