js基础-获取元素

92 阅读1分钟
    <div id="div1" class="class1">我是div1</div>
    <div id="div2" class="class1">我是div2</div>
    
        /* 通过id属性获取对象 */
        /* console.log(document.getElementById('div1')); */
        /* 通过标签名获取对象 */
        /* 通过元素标签名获取dom对象获取的是一个元素的集合 */
        /* console.log(document.getElementsByTagName('div')[1]) */
        /* 通过class属性获取对象 */
        /*  console.log(document.getElementsByClassName('class1')[1]); */
        /* 通过选择器的名字来获取元素 */
        /* 通过class选择器或者元素选择器获取的是第一个 */
        /* console.log(document.querySelector('div')); */

       /*  console.log(div1) */
        /* document.getElementById('div1').onclick = function(){
            alert('我是div1')
        } */

        /* let obj = {};
        obj.onclick = function(){
            alert('我是div1')
        }
        console.log(obj);
        obj.onclick(); */