Gå til innhold

Javascript: Forandre attributes på alle classes


Anbefalte innlegg

Jeg sliter med en liten ting. Jeg har ett javascript som jeg bruker for å endre utseendet på en sosial nettverksside. Jeg har en kode som jeg bruker for å endre attributes for divs med IDs, den ser slik ut:

document.getElementById("layout_header").style.height = '170px';

 

Nå trenger jeg å forandre attributes for alle classes med ett visst navn, og som ikke har noen ID, kunne noen hjelpe meg med hvordan jeg gjør dette?

Lenke til kommentar
Videoannonse
Annonse

Dette er jo egentlig helt basic javascript. Burde kanskje lære deg det før du begir deg ut på å lage en sosial nettverksside.

 

var elements = getElementsByClass('myClass');

for ( var i = 0; i < elements.length; i++ )
elements[i].style.height = '170px';

function getElementsByClass(searchClass,node,tag) {
var classElements = new Array();
if ( node == null )
	node = document;
if ( tag == null )
	tag = '*';
var els = node.getElementsByTagName(tag);
var elsLen = els.length;
var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
for (i = 0, j = 0; i < elsLen; i++) {
	if ( pattern.test(els[i].className) ) {
		classElements[j] = els[i];
		j++;
	}
}
return classElements;
}

Hvis du virkelig er seriøs med siden din, så ville jeg seriøst vurdert å benytte et rammeverk for å forenkle utvikling av javascriptene dine. F.eks. jQuery. (jQuery er egentlig ikke bare et eksempel, men regelrett en sterk anbefaling)

 

$('myClass').css('height', '170px');

Edit: Ah, bare endrer litt, ja.. Nevermind. :)

Endret av Jonas
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...