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属性。
- 返回值是一个类数组,没有找到返回空数组。
3.通过标签名(getElementsByTagName)
var obj = document.getElementsByTagName('div'); for(let i = 0; i<obj.length; i++){ obj[i].onclick = function(e){ console.log(i) } }
- 上下文可以是document,也可以是一个元素,注意这个元素一定要存在。
- 参数是是获取元素的标签名属性,不区分大小写。
- 返回值是一个类数组,没有找到返回空数组
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
- 上下文可以是document,也可以是一个元素。
- 参数是元素的类名。
- 返回值是一个类数组,没有找到返回空数组。
5.通过选择器获取一个元素(querySelector)
document.querySelector('.animated')
- 上下文可以是document,也可以是一个元素。
- 参数是选择器,如:”div .className”。
- 返回值只获取到第一个元素。
6.通过选择器获取一组元素(querySelectorAll)
document.querySelector('.animated')
- 上下文可以是document,也可以是一个元素。
- 参数是选择器,如:”div .className”。
- 返回值是一个类数组。
转载于:查看原创请点击此处
Runtime 、 Block
NSDictionary 、 NSMutableDictionary
NSArray(二) 、 NSMutableArray 、 NSSet 、 NSMutableSet
NSNumber 、 NSValue 、 日期处理 、 集合类 、 NSArray(一)
(Foundation)NSObject 、 NSString 、 NSMutableString
Objective-c---分类 、 扩展 、 ARC
Objective-C--- 多态 、 协议
关于Quartz2D方法小总结
控制器之间的顺传与逆传
- 最新文章
-
关于 flutter_boost 1.12.13 execute failed for task :flutter_boost:lint
关于 flutter 1.9.1 ios Build Phases 加了Run Script "$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh" build 后报 /bin/cache/artifacts/engine/ios does not exist
关于 flutter_boost app首页就是flutter页面
关于 原生工程依赖flutter工程源码,debug dart代码
关于 flutter_boost 1.12.13+1 根据环境执行指定环境flutter代码
关于 flutter_boost 1.12.13 自定义channel插件
关于 flutter_boost 使用 fish_redux
关于 flutter 1.12.13 打包arr不依赖本地的仓库跟以前一样直接依赖aar
C语言中malloc()和calloc()c函数用法
OC 对象和匿名对象
- 热门文章
-
[BS-19]更改UITextField的placeholder文字颜色的5种方法
[BS-18] 对OC中不可变类的理解
[BS-17] iOS开发-Alpha,Hidden和Opaque区别
[BS-16] 尽量将View的Opaque属性设置为YES(默认就是YES)
[BS-15] Values of type 'NSInteger' should not be used as format arguments
[BS-14] 打印NSArray和NSDictionary的3种方法
[BS-13] 创建和注册UITableViewCell及Storyboard和Xib区别
ios中常用数据类型相互转换
IOS的MVC
事件方法参数 、 常用控件 、 控件和委托
Copyright © 2011-2022 走看看