我有如下代码:
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)";
}
万分感谢!!
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)";
}
万分感谢!!
x=document.getElementsByTagName('td')[0];//取第一个的 td 对象
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)";
}