获取DOM节点

JS:
1.通过ID获取(getElementById)
2.通过name属性(getElementsByName)
3.通过标签名(getElementsByTagName)
4.通过类名(getElementsByClassName)
5.获取html的方法(document.documentElement)
6.获取body的方法(document.body)
7.通过选择器获取一个元素(querySelector)
8.通过选择器获取一组元素(querySelectorAll)
VUE/REACT
1.vue也是可以用js的方法
2.使用ref,给相应的元素加ref="name", 然后再this.$refs.name获取到该元素
UNIAPP
1.uni.createSelectorQuery().in(this).select('#'+id名/'.'+类名)
ps:
获取DOM节点的布局位置信息:boundingClientRect
获取DOM节点的滚动位置信息:scrollOffset
获取DOM节点的所有信息:fields({ rect:true, //是否返回节点布局位置信息{left,top,right,bottom}size:true, //是否返回节点尺寸信息{width,height}scrollOffset:true //是否返回节点滚动信息{scrollLeft,scrollTop}},function(res){//res 可以返回第一个参数对象中指定为true的相关信息}).exec(function(){//上述节点信息获取成功后执行的回调函数})

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容