• 技术文章 >web前端 >js教程

    JavaScript怎么获取DOM元素

    青灯夜游青灯夜游2021-04-08 12:51:00原创112

    方法:1、用getElementById方法通过ID获取;2、用getElementsByName方法通过name值获取;3、用getElementsByTagName方法通过标签名获取;4、用querySelector方法通过选择器获取。

    本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

    JS获取DOM元素的方法(8种)

    1、通过ID获取(getElementById)

    document.getElementById('id')

    2、通过name属性(getElementsByName)

    document.getElementsByName('name')

    【推荐学习:javascript高级教程

    3、通过标签名(getElementsByTagName)

    var obj = document.getElementsByTagName('div');
    for(let i = 0; i<obj.length; i++){
            obj[i].onclick = function(e){
                console.log(i)
            }
        }

    4、通过类名(getElementsByClassName)

    var obj1 = document.getElementsByClassName('animated')
    // console.log
    0:div.app.animated
    1:div#login.login.animated.rubberBand
    2:div#reg.reg.animated.shake
    3:div#kefu.kefu.animated.swing
    4:div#LoginState.state.animated.bounce
    5:div.loginState.animated
    6:div.regState.animated
    7:div.pop.animated

    5、通过选择器获取一个元素(querySelector)

    document.querySelector('.animated')

    6、通过选择器获取一组元素(querySelectorAll)

    document.querySelector('.animated')

    更多编程相关知识,请访问:编程视频!!

    以上就是JavaScript怎么获取DOM元素的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:JavaScript DOM元素
    上一篇:JavaScript中定义函数有几种方法 下一篇:JavaScript如何将字符串反转
    第15期线上培训班

    相关文章推荐

    • javascript如何判断对象是否数组• javascript如何判断是否数字• javascript如何删除数组元素• javascript中this的用法有哪些• javascript如何删除所有的cookie• javascript如何判断是否为整数

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网