DOM 查找标签
2024-09-06 02:47:52
1、直接查找
document.getElementById // 根据ID获取一个标签
document.getElementsByClassName //根据class属性获取
document.getElementsByTagName //根据标签名获取标签合集 var ele_p=document.getElementById("p1"); // DOM对象
var ele_c1=document.getElementsByClassName("c2"); // DOM对象的集合
console.log(ele_c1); // [div.c2, div.c2, div.c2, div.c2]; var eles_p=document.getElementsByTagName("p"); // DOM对象的集合
console.log(eles_p) ;// [p#p1,]
2、间接查找
parentElement // 父节点标签元素
children //所有子标签
firstElementChild // 第一个子标签元素
lastElementChild // 最后一个子标签元素
nextElementSibling // 下一个兄弟标签元素
previousElementSibling // 上一个兄弟标签元素
最新文章
- JAVA EE Hibernate基础一之环境配置
- 图片按钮来代替文件上传控件(Freemaker,JQuery,HTML,CSS,JavaScript)
- Asp.net Identity 2.0 作弊条
- web设计经验<;一>; 提升移动设备响应式设计的8个建议
- Android Malware Analysis
- 说明&;总目录
- HDU 5430 Reflect
- Delphi下URL汉字编码解码的两个函数
- 7.数据本地化CCString,CCArray,CCDictionary,tinyxml2,写入UserDefault.xml文件,操作xml,解析xml
- effective c++ prefer const,enum, inline to #defines
- composer install 遇到问题 Problem 1 - phpunit/phpunit 5.7.5 requires php ^5.6 || ^7.0 ->; your PHP version (5.5.3 0) does not satisfy that requirement.
- AppDelegate减负之常用三方封装 - 友盟分享 / 三方登录篇
- jQuery遮罩层插件
- 长沙学院APP之校园模块设计
- 基于UML的高校教务管理系统的设计与实现
- 数据库设计理论与实践&#183;<;三>;物理设计
- Go基础知识
- Android工程中javax annotation Nullable找不到的替代方案
- Nescafe #29 NOIP模拟赛
- java int 与 Integer之间的区别