JS DOM编程艺术——CSS-DOM—— JS学习笔记2015-7-19(第87天)
2015-07-19 23:19
756 查看
DOM的style属性提取不到外部样式表和头部<style></style>标签里面设置的样式
解决方法是用DOM 设置样式,再可以用DOM把他们检索出来。
但是style属性是可以设置的,通过赋值来更新样式
在一个场合里面,我们究竟是选择css方法来实现效果还是用DOM的方法?
最简单的答案就是选择最容易实现的办法;
还有就是哪种方法会得到更多浏览器的支持;
className
可以利用字符串拼接的操作,把新的class设置值追加到className属性上去(注意这里有空格符)
elem.className += " intro";
(这种情况是在原来确实有一个class的情况下才这么做,如果原来没有任何class,直接对className属性赋值就可以了)
解决方法是用DOM 设置样式,再可以用DOM把他们检索出来。
但是style属性是可以设置的,通过赋值来更新样式
在一个场合里面,我们究竟是选择css方法来实现效果还是用DOM的方法?
最简单的答案就是选择最容易实现的办法;
还有就是哪种方法会得到更多浏览器的支持;
className
可以利用字符串拼接的操作,把新的class设置值追加到className属性上去(注意这里有空格符)
elem.className += " intro";
(这种情况是在原来确实有一个class的情况下才这么做,如果原来没有任何class,直接对className属性赋值就可以了)
相关文章推荐
- JavaScript 三种创建对象的方法
- js 字符串获取对应的值
- js字符串对比的空格问题
- JSON格式使用方法
- [置顶] javascript正则表达式学习笔记之------正则表达式的创建和基本使用
- JavaScript权威指南_129_第15章_脚本化文档_15.6-创建、 插入、删除节点-插入节点
- js正则表达式实例(汇总)
- JavaScript权威指南_128_第15章_脚本化文档_15.6-创建、 插入、删除节点-创建节点
- JSON工具类
- JavaScript第一阶段总结
- 用D3.js进行医疗数据可视化 (一)折线图 (Line Chart)
- JavaScript的几种常见用法
- JSP之pageContext/Config/Exception对象
- Javascript学习笔记-定时器
- js 遍历json对象并为select赋值 (ajax返回的json对象)
- JavaScript
- Gson解析json
- js简单记录
- js正则验证两位小数 验证数字最简单正则表达式大全
- JSP之page对象