首页 / JAVA / 【javascript dom读书笔记】 第九章 CSS-DOM

【javascript dom读书笔记】 第九章 CSS-DOM

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了【javascript dom读书笔记】 第九章 CSS-DOM，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1143字，纯文字阅读大概需要2分钟。

内容图文

用dom设置样式

element.style.property = value

 

何时用dom脚本设置样式

作者写到：绝大多数的现代浏览器，虽然对css伪类的支持不是很完整，但是对dom都有良好的支持，所以需要考虑的是问题最简单的解决方案是什么，哪种解决方案会得到更多的浏览器支持。

在尝试了书中dom设置的实例以后，虽然代码比css要多很多，但是有一种操纵的快感，这应该是dom编程的艺术所在吧，有一种后端语言的感觉，至于实际使用中的选择，见仁见智做出更适合的自己的决定。

但最后作者说到有一种css用于无法与dom竞争：javascript的脚本能定时重复执行一组操作，实现css不能实现的效果。下一章的幻灯片里会给出演示！

 

几个常用的封装函数

因为有很多不错的常用函数，可以放到外部js中随时调用，下面介绍本书中的几个函数

addLoadEvent

             1
            function
             addLoadEvent(func){ 

             2
            //
            将函数作为参数，此函数就是 onload 触发时需要执行的某个函数
             3
            var oldonload=window.onload; 
 4//将原来的 onload 的值赋给临时变量 oldonload。 5if(typeof window.onload!="function"){ 
 6//判断 onload 的类型是否是 function。如果已经执行window.onload=function(){...} 赋值，那么此时 onload 的类型就是 function 7//否，则说明 onload 还没有被赋值，当前任务 func 为第一个加入的任务 8         window.onload=func(); 
 9//作为第一个任务，给 onload 赋值10     }else{ 
11//是，则说明 onload 已被赋值，onload 中先前已有任务加入12         window.onload=function(){
13            oldonload();
14            func(); 
15//作为后续任务，追加到先前的任务后面16        }
17    }
18 }

 

下一个元素节点getNextElement

 

            1
            function
             getNextElement(node){

            2
            if(node.nodeType==1){
3return node;
4    }
5if(node.nextSibling){
6return getNextElement(node.nextSibling);
7    }
8returnnull;
9 }

 

 

原文：http://www.cnblogs.com/lijie33402/p/4433997.html

内容总结

以上是互联网集市为您收集整理的【javascript dom读书笔记】 第九章 CSS-DOM全部内容，希望文章能够帮你解决【javascript dom读书笔记】 第九章 CSS-DOM所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1274183.html

来源：【匿名】