1. 爱易网页
  2. JavaSript
  3. javaScript使th变色有关问题

javaScript使th变色有关问题

日期：2014-05-16　 浏览次数：20481 次

javaScript使th变色问题
我想通过点一个BUTTON后,使页面上一个TH变色.下面是我的代码.望知道的朋友不吝赐教,谢谢!

<!DOCTYPE   HTML   PUBLIC   "-//W3C//DTD   HTML   4.0   Transitional//EN ">
<HTML>
<HEAD>
<TITLE>   New   Document   </TITLE>
<META   NAME= "Generator "   CONTENT= "EditPlus ">
<META   NAME= "Author "   CONTENT= " ">
<META   NAME= "Keywords "   CONTENT= " ">
<META   NAME= "Description "   CONTENT= " ">
<script   language= "javaScript ">

function   changecolor(a)
{
if   (document.frmbody.testarea.value== " ")
{
a.style.backgroundColor   =   "red ";
}else
a.style.backgroundColor   =   " "
}

</script>
</HEAD>

<BODY>
<form   name=   "frmbody ">
<table>
      <tr>
            <th   name=   "th "   > Test </th>
            <th>
<input   type= "textarea "   name= "testarea "> </input>
            </th>
        </tr>
        <tr>
            <th>
<inputtype= "button "name= "btnReg "value= "Submit "
                                onclick=changecolor(th)> </input>
            </th>
          </tr>
</table>
</form>
</BODY>
</HTML>


------解决方案--------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN ">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME= "Generator " CONTENT= "EditPlus ">
<META NAME= "Author " CONTENT= " ">
<META NAME= "Keywords " CONTENT= " ">
<META NAME= "Description " CONTENT= " ">
<script language= "javaScript ">

function changecolor(a)
{
if (document.frmbody.testarea.value== " ")
{

a.style.backgroundColor = "red ";

}else
a.style.backgroundColor = "white "

}

</script>
</HEAD>

<BODY>
<form name= "frmbody ">
<table>
<tr>
<th id= "th1 " > Test </th>
<th>
<input type= "input " name= "testarea "> </input>
</th>
</tr>
<tr>
<th>
<input type= "button " name= "btnReg " value= "Submit "
onclick=changecolor(document.getElementById( "th1 "))> </input>
</th>
</tr>
</table>
</form>

相关资料更多>

  1. ZeroClipboard实现复制功能,如何都实现不了，这是为什么呢
  2. 好手指导下 jquery 中 select 控件 ，根据text值来选中项没用
  3. 怎么用jquery选择父节点下的第一代子节点
  4. js正则表达式部类验证小结
  5. 请问extjs中悬停提示的有关问题
  6. 使用js开发IE浏览器当地插件
  7. Extjs4 上拉框combo的重复取值和联动有关问题
  8. 两个CHECKBOX，依据前一个的选择，自动改变后面checkbox选项内容
  9. javascript 动态掩藏或显示控件