首页 新闻 论坛 群组 Blog 文档 下载 读书 Tag 网摘 搜索 .NET Java 游戏 视频 人才 外包 培训 数据库 书店 程序员
中国软件网
欢迎您:游客 | 登录 注册 帮助
  • 获得一个节点! [已结贴,结贴人:huayiluo]
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • huayiluo
    • 等级:
    • 可用分等级:
    • 总技术专家分:
    • 总技术专家分排名:
    • 揭帖率:
    发表于:2008-03-22 15:15:32 楼主
    <html>
    <script type="text/javascript">
    function show(obj){
    //使用obj拿出 <span>
    }
    </script>
    <table>
    <tr>
    <td id="2"> <img src="aa" onclick="show(this)"/> </td>
          <td id="1"> <span>1 </span> </td>//我只要拿出这个span。。
          </tr>
      </table>
    <html>
    20  修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • yixianggao
    • 等级:
    • 可用分等级:
    • 总技术专家分:
    • 总技术专家分排名:
    • 2

    发表于:2008-03-22 15:19:491楼 得分:0
    HTML code
    <!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> <title> new document </title> <meta name="generator" content="editplus" /> <meta name="author" content="Gao YiXiang" /> <meta name="email" content="yixianggao@126.com" /> <meta name="keywords" content="javascript dhtml dom" /> <meta name="description" content="I love web development." /> </head> <body> <script type="text/javascript"> <!-- function show(obj) { //使用obj拿出 <span> var oSpan = obj.parentNode.nextSibling.firstChild; alert(oSpan.tagName + " : " + oSpan.innerHTML); } //--> </script> <table> <tr> <td id="2"><img src="aa" onclick="show(this)"/></td> <td id="1"><span>1</span></td>//我只要拿出这个span。。 </tr> </table> </body> </html>
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • yixianggao
    • 等级:
    • 可用分等级:
    • 总技术专家分:
    • 总技术专家分排名:
    • 2

    发表于:2008-03-22 15:20:222楼 得分:0
    送你三本手册!

    DHTML参考手册
    http://download.csdn.net/source/308913

    样式表中文手册
    http://download.csdn.net/source/304124

    JScript语言参考
    http://download.csdn.net/source/308916
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • huayiluo
    • 等级:
    • 可用分等级:
    • 总技术专家分:
    • 总技术专家分排名:
    发表于:2008-03-22 15:24:183楼 得分:0
    可是在firefox里面是不行的。这几个都是dom元素,为什么firefox不支持?
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • myvicy
    • 等级:
    • 可用分等级:
    • 总技术专家分:
    • 总技术专家分排名:
    • 3

      3

    发表于:2008-03-22 15:24:274楼 得分:0
    <script type="text/javascript">
    function show(obj){
    alert(obj.parentNode.childNodes[1].firstChild.innerHTML)
    //使用obj拿出 <span>
    }
    </script>
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • yixianggao
    • 等级:
    • 可用分等级:
    • 总技术专家分:
    • 总技术专家分排名:
    • 2

    发表于:2008-03-22 15:38:115楼 得分:0
    引用 3 楼 huayiluo 的回复:
    可是在firefox里面是不行的。这几个都是dom元素,为什么firefox不支持?

    因为解析的结果不同,FF 下 obj.parentNode.nextSibling 的节点类型是 3 -- Text node。

    因此 FF 下需要多取一次!
    var oSpan = obj.parentNode.nextSibling.nextSibling.firstChild;
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • yixianggao
    • 等级:
    • 可用分等级:
    • 总技术专家分:
    • 总技术专家分排名:
    • 2

    发表于:2008-03-22 15:43:446楼 得分:20
    IE6sp1, FF2 测试可用,凑合用!

    HTML code
    <!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> <title> new document </title> <meta name="generator" content="editplus" /> <meta name="author" content="Gao YiXiang" /> <meta name="email" content="yixianggao@126.com" /> <meta name="keywords" content="javascript dhtml dom" /> <meta name="description" content="I love web development." /> </head> <body> <script type="text/javascript"> <!-- function show(obj) { // 使用obj拿出 <span> var oSpan; if (obj.parentNode.nextSibling.nodeType == 1) // IE { oSpan = obj.parentNode.nextSibling.firstChild; } else // FF nodeType == 3 { oSpan = obj.parentNode.nextSibling.nextSibling.firstChild; } alert(oSpan.tagName + " : " + oSpan.innerHTML); } //--> </script> <table border="1"> <tr> <td id="2"><img src="aa.jpg" alt="aa.jpg" onclick="show(this)"/></td> <td id="1"><span>1</span></td>//我只要拿出这个span。。 </tr> </table> </body> </html>
    修改 删除 举报 引用 回复

    网站简介广告服务网站地图帮助联系方式诚聘英才English 问题报告
    北京创新乐知广告有限公司 版权所有 京 ICP 证 070598 号
    世纪乐知(北京)网络技术有限公司 提供技术支持
    Copyright © 2000-2008, CSDN.NET, All Rights Reserved