DOM学习笔记(三)DOM元素的访问、修改与事件
2024-10-19 13:21:02
访问 HTML 元素等同于访问节点,使用的是document对象下的数个getElement方法,然后再对返回的元素(或元素列表)进行具体内容的访问和修改,或者响应对应的事件是操作
一些 DOM 对象方法
方法 | 描述 |
---|---|
getElementById() | 返回带有指定 ID 的元素。 |
getElementsByTagName() | 返回包含带有指定标签名称的所有元素的节点列表(集合/节点数组)。 |
getElementsByClassName() | 返回包含带有指定类名的所有元素的节点列表。 |
appendChild() | 把新的子节点添加到指定节点。 |
removeChild() | 删除子节点。 |
replaceChild() | 替换子节点。 |
insertBefore() | 在指定的子节点前面插入新的子节点。 |
createAttribute() | 创建属性节点。 |
createElement() | 创建元素节点。 |
createTextNode() | 创建文本节点。 |
getAttribute() | 返回指定的属性值。 |
setAttribute() | 把指定属性设置或修改为指定的值。 |
常用的 HTML DOM 属性:
- innerHTML - 节点(元素)的文本值。等价于firstChild.nodeValue
- parentNode - 节点(元素)的父节点
- childNodes - 节点(元素)的子节点
- attributes - 节点(元素)的属性节点
最新文章
- Vimium 快捷键记录
- 利用SOLR搭建企业搜索平台 之——配置文件
- JS后退, JS返回上一页, JS返回下一页
- Java中的字符串驻留(String Interning)
- ANDROID_MARS学习笔记_S01原始版_023_MP3PLAYER005_用广播BroacastReciever实现后台播放不更新歌词
- 谱聚类(Spectral clustering)分析(1)
- React引领未来用户界面——心莱科技内部直播分享会
- Python爬虫【解析库之beautifulsoup】
- 舵机&;数据处理&;stm32内存之堆栈溢出(遇到的问题)
- Jmeter学习系列----2 录制脚本
- 使用maven profile实现多环境配置相关打包
- php检测服务器是否可用 不可用发动钉钉消息
- 20155220 《网络对抗》Exp 8 Web基础
- hdu 5274 Dylans loves tree (树链剖分 + 线段树 异或)
- shell 循环数组
- 第12章 网络基础(2)_数据封装和IP地址
- Ansible2:主机清单
- ROS多线接入和多线对外提供服务的完整做法,谁进谁出,电信进电信出,联通进联通出,移动进移动出
- web 给大家分享一个好玩的东西,也许你那块就用的到
- Python接口测试实战2 - 使用Python发送请求
热门文章
- 惊艳的cygwin——Windows下的Linux命令行环境的配置和使用
- windows下的txt格式转换成linux下的TXT
- Maximum Memory and CPU Limitations for Linux Server
- 判断Java数组是否包含某个值
- office web apps 整合到自己项目中(wopi实现在线预览编辑)
- UIVisualEffectView
- HTML初级教程
- UVA1025 A Spy in the Metro —— DP
- Gym - 100187A A - Potion of Immortality —— 贪心
- JavaSE基础练习IO,字符串,循环