JS:dom基本操作与用法

元素的获取

 1. document.getElementById().根据id获取元素
 2. document.getElementByTagName().根据标签名获取元素
 3. document.getElementByName().根据name获取元素
 4. document.querySelector().用于返回指定选择器的第一个元素
 5. documen.querySelectorAll().用于返回指定选择器的所有元素
 6. document.getElementByClassName().根据类名获取元素
 第4,5,6个为html5新增的获取方法,以下是代码的实现
<script>
        // 根据id获取元素
        var one=document.getElementById('two');
        console.dir(one);
        // 根据标签获取元素
        var li=document.getElementsByTagName('li');
        console.dir(li);
        // 根据name获取元素
        var name3=document.getElementsByName('three'); 
        console.dir(name3);
        // 根据类选择器来获取two第一个元素
        var q=document.querySelector('two');
        console.dir(q);
        // 根据类选择器来获取two的所以元素
        var qa=document.querySelectorAll('two');
        console.dir(qa);
    </script>

事件

onclick.鼠标点击事件
onblur.失去焦点事件
onfocus.获取焦点事件
持续更新中。。。。。。。。

猜你喜欢

转载自blog.csdn.net/weixin_46535360/article/details/108433890