2013-07-16 1 views
1

Мне нужна ваша помощь.document.getelementbyClassName ('select_wrapper') не работает

мне нужно, чтобы иметь возможность оказывать поддержку IE7 распознавать функцию document.getElementbyClassName('select_wrapper')

таким образом, что он может работать синхронно со следующим кодированием:

var y = document.getElementsByTagName('SELECT'); 

    for (var i = 0; i < y.length; i++) { 

      y[i].onblur = function() { 
       this.style.backgroundColor = '#FFFFFF' 
       //document.getElementById('select_wrapper').style.backgroundColor = 'FFFFFF' 
       getElementsByClassName('select_wrapper').style.backgroundColor = 'FFFFFF' 
      } 

      y[i].onfocusin = function() { 
       this.style.backgroundColor = '#FFFFC4' 
       //document.getElementById('select_wrapper').style.backgroundColor = 'FFFFC4' 
       getElementsByClassName('select_wrapper').style.backgroundColor = '#FFFFC4' 
      } 
    } 

HTML:

+0

Я предлагаю использовать jQuery. Он решает проблемы с уровнем совместимости. –

+0

Im new для jQuery, как бы вы применили это и применили кодировку? –

+0

jQuery - это утилита, написанная на JavaScript, которая не только решает многие из этих кросс-браузерных функций, но и упрощает работу с JavaScript, предоставляя множество ярлыков. Он также имеет встроенную функциональность AJAX. Смотрите: http://ejohn.org/apps/workshop/intro/ –

ответ

-1

используйте jQuery (http://jquery.com). Это Cross Browser и легко.

+0

с jQuery вы можете делать $ (". SELECT"). Each (function() {code ...}) – regisls

+0

Конечно, он будет использовать для больше вещей – regisls