getElementsByTagName dla dwóch znaczników na raz

Używam tego:getElementsByTagName dla dwóch znaczników na raz

function setFontSize() { 
    var p = document.getElementsByTagName('td'); 
    for(i=0;i<p.length;i++) { 
     p[i].style.fontSize = selectedsize+"px" 
    } 
}

Jaki jest najprostszy i najlepszy sposób, aby rzucić się w „th” też?

Źródło

2013-05-26 Ole Sørensen

'querySelectorAll' – elclanrs

Dlaczego nie dodać klasę na' '

elementu, a następnie' # table.big-fonts td {font-size: 125%} 'rzeczy. Odpytywanie wszystkich komórek ręcznie i pisanie ich "stylu" nie jest dobrym podejściem. –

@elclanrs Think outside the box. Po co chodzić po DOM, aby znaleźć wszystkie komórki, gdy możesz ustawić nazwę klasy na stole? –

Odpowiedz

Jeśli nie musisz obsługiwać starszych przeglądarek, możesz użyć document.querySelectorAll(..).

function setFontSize() { 
    var i; 
    var p = document.querySelectorAll('td, tr'); 
    for(i = 0; i < p.length; i++) { 
     p[i].style.fontSize = selectedsize + "px" 
    } 
}

Źródło

2013-05-26 12:44:53 gregor

jeśli to zrobisz, możesz użyć p.concat (document.getElementsByTagName ("th")); –

function setFontSize() { 
    var p = document.getElementsByTagName('td'), 
     ths = document.getElementsByTagName('th'), 
     val = selectedsize + "px"; 
    for(var i = 0; i < p.length; i++) { 
     p[i].style.fontSize = val; 
     ths[i].style.fontSize = val; 
    } 
}

Źródło

2013-05-26 12:49:47

Prawdopodobnie użyłbym tego. Wygląda na to, co chcę. Ale nie mogłem go uruchomić. Zmieniło to tylko rozmiar czcionki w niektórych miejscach. Postaram się wyjaśnić lepiej, wkrótce. –

Po prostu umieść skrzypce z kodem HTML + JS i zobaczmy, co jest możliwe;) –

Tak. ;) Oto skrypt: http://flamencopeko.net/styleswitch.js. (Chociaż staram się dowiedzieć, że jestem daleko od tego, gdzie użyć, czy nie var,;, spacja, itp.) To się nazywa od footer.php (Ponieważ strony muszą się wczytać, zanim etykiety będą mogły być stylizowane. niechciane wyświetlanie standardowego stylu pomiędzy stronami.) Przyciski do wyboru stylów (szerokość stołu i rozmiar czcionki) znajdują się na http://flamencopeko.net/toc.php. To jest kod: http://flamencopeko.net/toc.txt. –

Powiązane problemy