【DOM编程艺术】对styleHeaderSibling函数进行抽象
2014-04-21 21:27
330 查看
把一个非常具体的东西改进为一个较为通用的东西的过程叫做抽象
先看下styleHeaderSibling函数,会发现它仅适用于h1元素,而且className属性值intro也是硬编码在函数里的:
把这些具体的值转为函数的参数,就可以让它成为一个更通用的函数。把改进后的新函数命名为styleElementSibling并给它添加两个
参数----tage和theclass:
先看下styleHeaderSibling函数,会发现它仅适用于h1元素,而且className属性值intro也是硬编码在函数里的:
function styleHeaderSibling(){ var headers=document.getElementsByTagName('h1'); for(var i=0;i<headers.length;i++){ var elem=getNextElement(headers[i].nextSibling); //调用函数获取h1后面的元素节点 addClass(elem,'intro'); //调用函数添加新样式 } }
把这些具体的值转为函数的参数,就可以让它成为一个更通用的函数。把改进后的新函数命名为styleElementSibling并给它添加两个
参数----tage和theclass:
function styleElementSibling(tag,theClass){ var elems=document.getElementsByTagName(tag); for(var i=0;i<elems.length;i++){ var elem=getNextElement(headers[i].nextSibling); //调用函数获取h1后面的元素节点 addClass(elem,theClass); //调用函数添加新样式 } }
相关文章推荐
- DOM编程艺术(样式操作)
- JavaScript_DOM编程艺术(第二版)第四章
- DHTML (JavaScript Dom 编程艺术)
- js图片库(js dom 编程艺术第四章)
- Javascript DOM 编程艺术:Css-dom
- javascript dom 编程艺术 CSS DOM
- 【DOM编程艺术】图片库改进版
- JavaScript DOM 编程艺术读书笔记
- Javascript DOM 编程艺术(second edition) 读书笔记(2)
- 【DOM编程艺术】显示"文献来源链接表"
- Javascript_DOM编程艺术(上)
- DOM编程艺术(动画)
- DOM编程艺术第二章
- 【JavaScript DOM 编程艺术】 笔记
- JavaScript DOM 编程艺术(第2版)读书笔记(1)
- web前端之精通dojo五:利用Dojo进行DOM事件编程
- javascript dom 编程艺术学习
- JavaScript_DOM编程艺术(第二版)第一章
- js的DOM编程艺术笔记(三)
- JavaScript DOM 编程艺术(第二版)7.4 Ajax