方法:1、用getelementbyid方法通过id获取;2、用getelementsbyname方法通过name值获取;3、用getelementsbytagname方法通过标签名获取;4、用queryselector方法通过选择器获取。
本教程操作环境:windows7系统、javascript1.8.5版、dell g3电脑。
js获取dom元素的方法(8种)
通过id获取(getelementbyid)通过name属性(getelementsbyname)通过标签名(getelementsbytagname)通过类名(getelementsbyclassname)通过选择器获取一个元素(queryselector)通过选择器获取一组元素(queryselectorall)获取html的方法(document.documentelement)document.documentelement是专门获取html这个标签的获取body的方法(document.body)document.body是专门获取body这个标签的。1、通过id获取(getelementbyid)
document.getelementbyid('id')
上下文必须是document。必须传参数,参数是string类型,是获取元素的id。返回值只获取到一个元素,没有找到返回null。2、通过name属性(getelementsbyname)
document.getelementsbyname('name')
上下文必须是document,内容必须传参数,参数是是获取元素的name属性。返回值是一个类数组,没有找到返回空数组。【推荐学习:javascript高级教程】
3、通过标签名(getelementsbytagname)
上下文可以是document,也可以是一个元素,注意这个元素一定要存在。参数是是获取元素的标签名属性,不区分大小写。返回值是一个类数组,没有找到返回空数组4、通过类名(getelementsbyclassname)
var obj1 = document.getelementsbyclassname('animated')// console.log0:div.app.animated1:div#login.login.animated.rubberband2:div#reg.reg.animated.shake3:div#kefu.kefu.animated.swing4:div#loginstate.state.animated.bounce5:div.loginstate.animated6:div.regstate.animated7:div.pop.animated
上下文可以是document,也可以是一个元素。参数是元素的类名。返回值是一个类数组,没有找到返回空数组。5、通过选择器获取一个元素(queryselector)
document.queryselector('.animated')
上下文可以是document,也可以是一个元素。参数是选择器,如:”p .classname”。返回值只获取到第一个元素。6、通过选择器获取一组元素(queryselectorall)
document.queryselector('.animated')
上下文可以是document,也可以是一个元素。参数是选择器,如:”p .classname”。返回值是一个类数组。更多编程相关知识,请访问:编程视频!!
以上就是javascript怎么获取dom元素的详细内容。