Форум

shtopor · #1 (**permalink**) 08.12.2012, 18:42

Здравствуйте, подскажите как обращаться по классу? documentGetElementByClass нету, а в сети большая часть примеров нерабочие. Подскажите что делать?

cyber · #2 (**permalink**) 08.12.2012, 18:47

Сообщение от shtopor

documentGetElementByClass нету,

wtf?

<!DOCTYPE HTML>
<html>
  <head> </head>
  <body>
    <div class="t"></div>
    <div class="t"></div>
    <div class="t"></div>
    <div class="t"></div>
    <script>
var elems = document.getElementsByClassName("t");
alert(elems.length);


    </script>

  </body>
</html>

shtopor · #3 (**permalink**) 08.12.2012, 19:21

Суди по записям на других форумах, не все брузеры это поддерживают

cyber · #4 (**permalink**) 08.12.2012, 19:33

shtopor, либо забейте на ие меньше 8 , либо используйте jquery.
или так

function Cls(FindClass){
	
	 var allTag, allElem, arrE = [], i;
	
	    if(document.getElementsByClassName){
			return document.getElementsByClassName(FindClass);
		}
		
	     allElem = document.body.getElementsByTagName('*');
	       
	       i = allElem.length;
	
	while(i--){
	    if(allElem[i].className == FindClass) arrE.push(allElem[i]);
	};
	return arrE;
	}

shtopor · #5 (**permalink**) 08.12.2012, 20:29

Спасибо большое, забыл про getElementsByTagName)) А как заменит тег? innerHTML отвечает только за содержимое.

cyber · #6 (**permalink**) 08.12.2012, 20:49

shtopor, что бы не завадть глупых вопрос по читайте http://learn.javascript.ru/dom

a_l · #7 (**permalink**) 08.12.2012, 22:13

Сообщение от cyber

shtopor, либо забейте на ие меньше 8

Меньше 9, восьмой ие не поддерживает getElementsByClassName.
IE8 поддерживает querySelectorAll('.t'), так что можно его использовать.

cyber · #8 (**permalink**) 08.12.2012, 22:58

a_l, да чет думал до 8й, а оказалось до 9й)
тогда можно так

function Cls(FindClass){
	
	 var allElem, arrE = [], i;
	
 if(document.getElementsByClassName){

   return document.getElementsByClassName(FindClass);
		
 }
      
  else if(document.querySelectorAll){
    
         return document.querySelectorAll("."+FindClass);
       }
        
		
	     allElem = document.body.getElementsByTagName('*');
	       
	       i = allElem.length;
	
	while(i--){
	    if(allElem[i].className == FindClass) arrE.push(allElem[i]);
	};
	return arrE;
	}

Форум

Справочник

Discord чат

Курсы javascript