| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 1644 人关注过本帖
标题:[求助]大家来看下,为什么会获不到对象......
只看楼主 加入收藏
windtear
Rank: 1
等 级:新手上路
帖 子:6
专家分:0
注 册:2007-6-13
收藏
 问题点数:0 回复次数:4 
[求助]大家来看下,为什么会获不到对象......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Test</title>
<style type="text/css">
<!--
body {
margin-left: 0px;margin-top: 0px;}
div{
border:1px #CCCCCC solid; margin:100px; padding:5px; margin-top:100px}
#menu{
position:absolute; left:5px; height:400px; width:80px; font-family:"宋体"; font-size:12px; color:#2F3753;}
#menu dl dt{
list-style-type:none; text-align:center;}
.dt{
background:#999900;padding-top: 6px; padding-bottom: 5px; height:14px;}
#other{
position:absolute; left:180px; height:400px; width:600px;}
-->
</style>
<script language="javascript">
<!--
function init()
{
var nodeList = document.getElementsByTagName("dt");
for (var i = 0; i < nodeList.length; i++)
{
function __event()
{
// alert(node);
if(nodeList[i].className)
{
nodeList[i].className='';
}
else
{
nodeList[i].className='dt';
}
}
alert(nodeList[i]);
nodeList[i].attachEvent("onmouseover",__event);
nodeList[i].attachEvent("onmouseout",__event);
}
}
-->
</script>
</head>
<body onload="init();">
<div id="menu">
<dl>
<dt>Title 1</dt>
<dt>Title 2</dt>
<dt>Title 3</dt>
</dl>
</div>
<div id="other"><img width="600px" height="400px" src="#" alt="other" /></div>
</body>
</html>
我想用JAVASCRIPT将所有DT标签附上ONMOUSEOVER等属性为什么会提示对象为空.....谁能帮我看看~!
搜索更多相关主题的帖子: 对象 
2007-06-17 10:24
melack
Rank: 1
等 级:新手上路
帖 子:230
专家分:0
注 册:2006-9-27
收藏
得分:0 
,0,0,0" width="500" height="350">" />

欢迎光临我的小站 晒晒网 www.
2007-06-22 08:18
melack
Rank: 1
等 级:新手上路
帖 子:230
专家分:0
注 册:2006-9-27
收藏
得分:0 
,0,0,0" width="500" height="350">" />

欢迎光临我的小站 晒晒网 www.
2007-06-22 08:18
advancant
Rank: 1
等 级:新手上路
帖 子:26
专家分:0
注 册:2007-10-4
收藏
得分:0 
function init()
{
var nodeList = document.getElementsByTagName("dt");

for (var i = 0; i < nodeList.length; i++)
{
_event(nodeList[i]);

document.attachEvent("onmouseover",_event);
document.attachEvent("onmouseout",_event);
}
}

function _event(obj)
{
if(obj.className)
{
obj.className='';
}
else
{
obj.className='dt';
}
}
2007-10-05 23:42
渚薰
Rank: 6Rank: 6
等 级:贵宾
威 望:22
帖 子:1132
专家分:0
注 册:2006-8-6
收藏
得分:0 
lz和ls的都有错,正确的应该如下:
function init()
{
var nodeList = document.getElementsByTagName("dt");

for (var i = 0; i < nodeList.length; i++)
{
if (document.attachEvent) {
document.attachEvent("onmouseover",_event);
document.attachEvent("onmouseout",_event);
} else if (document.addEventListener) {
element.addEventListener("mouseover", _event,true);
element.addEventListener("mouseout",_event,true);
}
}
}

function _event(event)
{
var e=window.event || event;
var obj=e.target || e.srcElement;
if(obj.className)
{
obj.className='';
}
else
{
obj.className='dt';
}
}
}

如果lz嫌麻烦,并且知道prototype库的话,那么就这样用
Event.observe(window,'load',function() {
function _toggleClassName(e) {
var obj=$(Event.element(e));
if (obj.hasClassName('dt')) {
obj.removeClassName('dt');
} else {
obj.addClassName('dt');
}
}
$$('#menu dt').each(function(oDt) {
oDt=$(oDt);
oDt.observe(oDt,'mouseover',_toggleClassName.bindAsEventListener(oDt));
oDt.observe(oDt,'mouseout',_toggleClassName.bindAsEventListener(oDt));
});
});

个人ajax技术专题站: " target="_blank">http://www. 我不会闲你烦,只会闲你不够烦!
2007-10-08 10:13
快速回复:[求助]大家来看下,为什么会获不到对象......
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.024488 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved