SEOAnalytic.com official blog » apply change http://seoanalytic.com/blog My thoughts about SEO, programming and life maybe ;) Mon, 20 Apr 2009 05:41:14 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 How to apply change to all TDs within a TR (columns withing a row) http://seoanalytic.com/blog/38/how-to-apply-change-to-all-tds-within-a-tr-columns-withing-a-row/ http://seoanalytic.com/blog/38/how-to-apply-change-to-all-tds-within-a-tr-columns-withing-a-row/#comments Sun, 05 Oct 2008 18:10:32 +0000 Dragos http://seoanalytic.com/blog/?p=38 I wanted to change the background color for a row with document.getElementById(row_id).style.backgroundColor=’red’ but unfortunately that doesnt work for some reason. Then i thought this could be done by applying the same style to all of the columns within a row (all TDs withing a TR). I’ve searched the web for such a function but i couldnt find one, but instead i’ve learnt a new property getElementsByTagName. With it i created the function i wanted. It’s below:

function apply_change(row_id) {

numtds=document.getElementById(row_id).getElementsByTagName('td').length;
for(i=0;i<numtds;i++) {
document.getElementById(row_id).getElementsByTagName('td')[i].style.backgroundColor='red';

}

If you do not want to change the background color of all columns within a row you can modify this line

document.getElementById(“trb”+spc).getElementsByTagName(‘td’)[i].style.backgroundColor=’red’; , so for example if you want to change the content of all columns within a row you could modify it to something like:

document.getElementById(“trb”+spc).getElementsByTagName(‘td’)[i].innerHTML=’Briblabla’;

Hope this will help somebody ;)

]]> http://seoanalytic.com/blog/38/how-to-apply-change-to-all-tds-within-a-tr-columns-withing-a-row/feed/ 0