getElementsByTagName per due tag in una sola volta

Io uso questo:getElementsByTagName per due tag in una sola volta

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

Qual è il modo più semplice e migliore per gettare in 'th' troppo?

fonte

2013-05-26 Ole Sørensen

'querySelectorAll' – elclanrs

Perché non aggiungere una classe sul

' 'elemento, e quindi' # table.big-fonts td {font-size: 125%} 'roba. Interrogare tutte le celle manualmente e scrivere il loro 'stile' non è un buon approccio. –

@elclanrs Pensa fuori dagli schemi. Perché camminare sul DOM per trovare tutte le celle quando puoi semplicemente impostare un nome di classe sul tavolo? –

risposta

Se non è necessario supportare i browser meno recenti, è possibile utilizzare 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" 
    } 
}

fonte

2013-05-26 12:44:53 gregor

se lo fai, potresti usare 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; 
    } 
}

fonte

2013-05-26 12:49:47

Probabilmente lo userei. Sembra quello che voglio Ma non riuscivo a farlo funzionare. Ha cambiato la dimensione del font solo in alcuni punti. Proverò a spiegare meglio, presto. –

Basta pubblicare un violino con il codice HTML + JS e vediamo cosa è possibile fare;) –

Sì. ;) Questo è lo script: http://flamencopeko.net/styleswitch.js. (Anche se sto cercando di imparare che non so dove usare o meno var,;, space, ecc.) Viene chiamato da footer.php (Perché le pagine devono essere caricate prima che i tag possano essere stilizzati. una visualizzazione indesiderata di stile standard tra le pagine.) I pulsanti per scegliere gli stili (larghezza della tabella e dimensione del carattere) si trovano in http://flamencopeko.net/toc.php. Questo è il codice: http://flamencopeko.net/toc.txt. –

Problemi correlati