【JS总结】——DOM操作表格和样式
来源:互联网 发布:linux嵌入式开发工资 编辑:程序博客网 时间:2024/05/21 19:46
都说HTML做的是静态网页,而JS把网页做活了,那么到底怎么样才算是把网页做活了呢??其实就是JS将网页的各种动作做活了,简单点理解,可以算是动态加载吧。比如网页的CSS,它能够控制网页的样式,如果可以动态加载,那么也就是说把网页做活了。
一、操作表格
在HTML中,表格的操作可谓是难点,刚刚结束的图书管理系统就让我深切的感受到了,表格实在是太不好控制了。不过DOM就可以对表格进行操作,而且方便实用。表格其实就是用各种元素标签组合而成的,包括表头、主体、尾部,主体部分又包括行、单元格等等,HTML DOM中给这些元素标签提供了一些属性和方法。
二、操作样式
CSS样式能够增强页面的显示效果,但是并不是每个浏览器都能兼容各种CSS样式,所以DOM会分出各个级别来检测浏览器的兼容性。
1、访问元素的样式
每个元素都有style属性,JS通过style属性就可以访问到元素的CSS,
2、操作样式表
通过style属性可以操作行内的CSS样式,但是通过内联和链接提供的样式就没办法操作了。就拿图书管理系统中,在一个表格的某一个单元格中会有一个超链接按钮,采用style属性设置样式就无法对超链接按钮的样式进行操作,所以就要用到样式表。
总结
其实再怎么说,这些东西都是很抽象的,还是要敲些例子练习一下,就算是都练习过了,也不一定能掌握,以后用到还是得查,多查多用才能够好好掌握。
0 0
- 【JS总结】——DOM操作表格和样式
- DOM操作表格和样式
- dom操作表格和样式
- DOM 操作表格及样式
- DOM 操作表格及样式
- JS——DOM表格
- 整理的关于DOM的表格(五——样式表操作)
- JavaScript DOM操作表格及样式
- JavaScript DOM操作表格及样式
- html DOM操作表格及样式
- [21]DOM操作表格及样式
- JS Dom操作总结
- 利用js dom操作table表格
- js——DOM操作
- JavaScript学习9:DOM操作表格及样式
- javaScript笔记(十七) DOM操作表格及样式
- javascript笔记--(第二十一章)DOM操作表格及样式
- html——样式、链接和表格
- 整理音乐 (链表归并)
- H264 获取SPS与PPS(附源码)
- object_c id 与 instancetype
- [leetcode] Remove Duplicates from Sorted List
- XShell连接虚拟机Linux
- 【JS总结】——DOM操作表格和样式
- Activity Recognition行为识别
- [单片机分享] 教你在单片机上套公式实现卡尔曼滤波器
- 来淄博旅游
- nginx模块开发入门
- java中对集合List的操作
- 给UIViewController的UINavigationController属性赋值的方法
- JobTracker和TaskTracker
- HDU 2669----Romantic(扩展欧几里德求乘法逆元)