JS设计模式:桥接模式

前端之家收集整理的这篇文章主要介绍了JS设计模式:桥接模式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
  1. function changeColor(dom,color,bg) {
  2. dom.style.color = color;
  3. dom.style.background = bg;
  4. }
  5. var spans = document.getElementsByTagName('span');

  6. spans[0].onmouSEOver = function() {

  7. changeColor(this,'red','#ddd');

  8. }

  9. spans[0].onmouSEOut = function() {

  10. changeColor(this,'#333','#f5f5f5');

  11. }

  12. spans[1].onmouSEOver = function() {

  13. changeColor(this.getElementsByTagName('strong')[0],'#ddd');

  14. }

解耦,提取共同点

猜你在找的程序笔记相关文章