table元素引起的
来源:互联网 发布:手机编程工具 编辑:程序博客网 时间:2024/05/01 11:19
但是本文传达的意思和table
无关,嘻嘻.....
要求:选择#table1下的两个子元素tr<table id="table1"> <tr> <td> <table id="table2"> <tr>行行1</tr> <tr>行行2</tr> </table> </td> </tr> <tr>行2</tr></table>
第一次测试:document.querySelector("#table1 tr")
,测试发现只能选择一个tr,不符合要求;
第二次测试:document.querySelectorAll("#table1 tr")
,测试选择出四个tr,不符合要求,这是由于里面包含一个table导致。执行document.querySelectorAll("#table1 tbody")
,里面有两个tbody(为什么里面会有tbody,自行谷歌关键词thead,tbody,tfoot
);
第三次测试:document.querySelectorAll("#table1>tbody>tr")
结果符合要求;
综上所述,那么问题来了。querySelector()
通过CSS的选择器只能选单一的元素(即使里面的选择器是*,也无法选择多个元素),选多个元素需要用querySelectorAll()
,这个和Jqery
是不一样的,不要混淆。#table1>tbody
里面>
号可以筛选以#table1为父级的子元素,不加这个则返回内部所有,所以要熟记CSS选择器
啊。
0 0
- table元素引起的
- 浮动元素引起的问题和解决方法
- 浮动元素引起的问题和解决办法?
- auto_increment引起的“CREATE TABLE 语句中的语法错误”
- 关于oracle table()函数引起的全表扫描问题
- table元素
- 基于同一个Table或者TableViewer创建的Table,创建CheckTableViewer引起问题说明
- 禁用/启用整个table的input元素
- <div>和<table>元素的布局
- HTML中的table里面的元素排序
- table元素的宽度/高度设置问题
- TABLE 的 COL 及 COLGROUP 元素
- Html元素引起多次加载页面的问题分析
- css中float引起父元素的高度塌陷
- Html元素引起多次加载页面的问题分析
- Div嵌套引起子元素的margin-top不起作用
- 操作table中TD元素的子元素
- 父元素高度自适应,子元素浮动,引起的高度塌陷问题
- 一个将当前屏幕保存为图片文件的类(简单说就是抓屏)
- Hadoop集群部署介绍
- spring ApplicationContext.xml之多个配置文件结合
- tableview的分割线延长
- Android 安装和启动另外一个应用
- table元素引起的
- peserta yang dinyat
- jquery鼠标悬停图片放大滑动显示标题
- 最火的Android开源项目(转载)
- type=file的input框样式修改的方法
- 加入一个多播组(最简单的情况)
- hadoop学习笔记:hadoop文件系统浅析
- Android中安装,启动和卸载应用
- Android开发中实现多点触摸