document.getelementbyClassName('select_wrapper') not working

Question

I need your help.

I need to be able to provide support to IE7 to recognize the function document.getElementbyClassName('select_wrapper')

such that it can work in sync with the following coding:

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:

I suggest using jQuery. It solves these compatibility layer issues. — Diodeus - James MacFarlane, Jul 16 '13 at 18:59
Im new to jQuery, how would you tap into that and apply the coding? — John Smith, Jul 16 '13 at 19:03
jQuery is a utility written in JavaScript that not only solves a lot of these cross-browser features, but makes JavaScript easier to write by providing many shortcuts. It also has built-in AJAX functionality. See: http://ejohn.org/apps/workshop/intro/ — Diodeus - James MacFarlane, Jul 16 '13 at 19:13

score -1 · Accepted Answer · answered Jul 16 '13 at 19:00

-1

use jQuery (http://jquery.com). Is Cross Browser and easy.

answered Jul 16 '13 at 19:00

regisls

529
6
23

with jQuery you can do $(".SELECT").each(function(){ code... }) – regisls Jul 16 '13 at 19:01
Surely he will use for more things – regisls Jul 18 '13 at 12:49

document.getelementbyClassName('select_wrapper') not working

1 Answers1