我有如下代码:
js:<script type="text/javascript">
var cur; 
function doit(){
var obj = event.srcElement; 
cur = obj.style.backgroundImage;
obj.style.backgroundImage = "url(images/bgimg.jpg)"; 
} function hide(){ 
var obj = event.srcElement; 
obj.style.backgroundImage = cur; 
}
window.onload=function(){ 
var tbl = document.getElementById("tb"); 
var a = tb.getElementsByTagName("td");
for(var i=0;i<a.length;i++){
if(i!=0&&i!=9){
a[i].onmouseover=doit;
a[i].onmouseout=hide; 
}
}

</script>Html:<table id="tb" style="height: 35px; width: 100%">
                <tr>
                    <td style="width: 76px">
                    </td>
                    <td style="width: 63px;" align="center">
                        <a href="index.aspx"><span style="color: White; font-weight: bold">Home</span></a>
                    </td>
                    <td style="width: 68px;" align="center">
                        <a href="aboutUs.aspx"><span style="color: White; font-weight: bold">Over ons</span></a>
                    </td>
                    <td style="width: 131px;" align="center">
                        <a href="transaction.aspx"><span style="color: White; font-weight: bold">Verkoop Procedure</span></a>
                    </td>
</tr>
</table>上面的代码就是当鼠标在td上的时候,就改变背景,我的初衷只是想改变的是整个单元格,即td,但是当鼠标在超链接的文字上的时候也改变了背景,但是,改变的不是整个单元格,只是改变了文字的背景.但是我不想这样.所以,想在js中判断下,只有对像为td的时候才改变.请问下,怎么判断啊?var cur; 
function doit(){
var obj = event.srcElement; 
cur = obj.style.backgroundImage;
//想在这里判断下,obj是否为td.求救高手了.
obj.style.backgroundImage = "url(images/bgimg.jpg)"; 

万分感谢!!

解决方案 »

  1.   

    笨方法:
    x=document.getElementsByTagName('td')[0];//取第一个的 td 对象
      

  2.   

    var cur; 
    function doit(){
    var obj = event.srcElement; 
    cur = obj.style.backgroundImage;
    //想在这里判断下,obj是否为td.求救高手了.
    if(obj .nodeName="td"){
     //do something
    }else{
      //do others
    }

    obj.style.backgroundImage = "url(images/bgimg.jpg)"; 
    }  
      

  3.   

    文档对象有个nodeName属性,可以获得元素是什么