如何设置td颜色，并且取td中的值？

Question

js可以完成．1 获得所有input
 var oInputs = document.getElementByTagName("input");
2 然后遍历，检查是否name="liyonglv",
 如果是 获取它的父节点,然后修改td颜色．
 for(var i=0;i<oInputs.length;i++)
 {
    if(oInputs[i].name == "liyonglv" && oInputs[i].value == "")
    {
       oInputs[i].parentNode.setAttribute("class", "要修改的css");
       oInputs[i].parentNode.setAttribute("className", "要修改的css");
    } 
 }

Answer 1

 <td NOWRAP>
    <input type="text" name="xialiao" size=25>
 </td>
 <td NOWRAP>
    <input type="text" name="liyonglv" size=6 value="<?php echo $detail[22][$i];?>" <?php if(empty($detail[22][$i])) {echo 'disabled';}?>>
 </td>

Answer 2

td 设置一个id，然后document.all.tdid.innerHTML得到的就是td里面的东西了

Answer 3

参考 phpMyAdmin 中的“浏览”功能，那个列表页就有td的颜色控制取值用 JavaScript还有就是不能把文字直接写到td里，至少要有个<input...>才行---
这样是不行的: "可以通过手动形式往下料尺寸的td中添加一些信息的"

Answer 4

jacky9826莫生气 
gingzai777 不是这个意思 
是说他没有测试
而不是你写的程序不对

Answer 5

1楼思路很好,如果你的数据是从数据库取得的,你还可以用AJAX实现!

Answer 6

http://www.mistruster.com/others/table.html
嘿嘿，刚好最在做类似的部分，不过我都是用 js 写的

Answer 7

<script language='javascript'>
 window.onload = function()
 {
   var oInput = document.getElementsByTagName("input");
   for(var i=0;i< oInput.length; i++)
   {
     if(oInput[i].name == "liyonglv[]" && oInput[i].value == "")
     {
       var oCellXia = oInput[i].parentNode;
       var oCellLi = oCellXia.previousSibling;
       
       oCellLi.childNodes[0].onfocus = function()
       {
         alert("利用率为空，不能操作!");
         oCell.focus();
       }
       
       oCellXia.childNodes[0].onfocus = function()
       {
         alert("利用率为空，不能操作!");
         oCell.focus();
       }
       
       oCellXia.setAttribute('className','red');
       oCellXia.setAttribute('class','red');
       
       oCellLi.setAttribute('className','red');
       oCellLi.setAttribute('class','red');
     }
   }
   
 }
 document.getElementById('xxx').focus();
</script>
<style type="text/css">
 .red { background: red}
</style>
<table border="1" id='xxx'>
<tr><td><input type="text" name="xialiao[]" size=25></td><td class='liyong' width="300"><input type="text" name="liyonglv[]" class='tdliyong' size=6 value="222"></td></tr>
<tr><td><input type="text" name="xialiao[]" size=25></td><td class='liyong'><input type="text" name="liyonglv[]" class='tdliyong' size=6 value=""></td></tr>
<tr><td><input type="text" name="xialiao[]" size=25></td><td class='liyong'><input type="text" name="liyonglv[]" class='tdliyong' size=6 value=""></td></tr>
<tr><td><input type="text" name="xialiao[]" size=25></td><td class='liyong'><input type="text" name="liyonglv[]" class='tdliyong' size=6 value=""></td></tr>
</table>再写一个,呵呵,已经测试了.
ff3, ie7.
上次写的代码是手写的,只是提供一个思路.ps: gangzai777 理解错了,不好意思.

Answer 8

不错!
不过给你提个建议.
太多用的js给html设置风格,代码不容易维护,何不将其定义成css,然后用setAttribute来设置css呢?
只是个建议!呵呵. tmp_obj.style.height = "25px";
tmp_obj.style.lineHeight = "25px";
tmp_obj.style.display = "block";
tmp_obj.style.borderLeft = "1px solid #f0f0f0";
tmp_obj.style.borderRight = "1px solid #f0f0f0";
tmp_obj.style.borderTop = "1px solid #f0f0f0";
tmp_obj.style.background = "#f7f7f7";
tmp_obj.style.cssFloat = "left";
tmp_obj.style.styleFloat = "left";

Answer 9

这样写只是为了让代码相对独立些，不依赖样式表文件，做接口方便
其实整段代码可以用 很少的JS来实现，多数用HTML