<div>
sorry for the delay in accepting this answer... worked like a charm!
</div>

<div>
<div class="content wysiwyg-content">
Hi there, 
 
I'm trying to do a merge of the following two scripts: 
 
 
#1: 
------------------------------------------------------ 
&lt;body onload=&quot;classChange();&quot;&gt; 
&lt;script type=&quot;text/javascript&quot;&gt; 
&lt;!-- 
function classChange() { 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;for (i=0;i&lt;document.getElementsByTagName(&quot;p&quot;).length; i++) { 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if (document.getElementsByTagName(&quot;p&quot;).item(i).className == &quot;main&quot;){ 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;document.getElementsByTagName(&quot;p&quot;).item(i).style.color = &quot;red&quot;; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} 
} 
//--&gt; 
&lt;/script&gt; 
 
 
#2: 
------------------------------------------------------ 
function changeSize(px){ 
&nbsp; &nbsp;var table = document.getElementById(&quot;tableMain2&quot;); 
&nbsp; &nbsp;table.setAttribute(&quot;width&quot;,px); 
} 
 
 
The issue is that I need to change the hard coded width of a table that only has class=&quot;main&quot; attributed to it. &nbsp;Unfortunately, I cannot change the HTML code. 
 
Thanks! 
 

</div>
</div>

Hi there,

I'm trying to do a merge of the following two scripts:


#1:
------------------------------------------------------
<body onload="classChange();">
<script type="text/javascript">

</script>


#2:
------------------------------------------------------
function changeSize(px){
 var table = document.getElementById("tableMain2");
 table.setAttribute("width",px);
}


The issue is that I need to change the hard coded width of a table that only has class="main" attributed to it. Unfortunately, I cannot change the HTML code.

Thanks!

sorry for the delay in accepting this answer... worked like a charm!

switching table attributes with JS

Hi there,

I&#39;m trying to do a merge of the following two scripts:


#1:
------------------------------------------------------
&lt;body onload=&quot;classChange();&quot;&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
&lt;!--
function classChange() {
	for (i=0;i&lt;document.getElementsByTagName(&quot;p&quot;).length; i++) {
		if (document.getElementsByTagName(&quot;p&quot;).item(i).className == &quot;main&quot;){
			document.getElementsByTagName(&quot;p&quot;).item(i).style.color = &quot;red&quot;;
		}
	}
}
//--&gt;
&lt;/script&gt;


#2:
------------------------------------------------------
function changeSize(px){
   var table = document.getElementById(&quot;tableMain2&quot;);
   table.setAttribute(&quot;width&quot;,px);
}


The issue is that I need to change the hard coded width of a table that only has class=&quot;main&quot; attributed to it.  Unfortunately, I cannot change the HTML code.

Thanks!



JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.