如何判断所选中的对象是图片？

此回复为自动发出,仅用于显示而已，并无任何其他特殊作用
楼主【xyflash】截止到2008-07-06 11:52:43的历史汇总数据(不包括此帖)：
发帖的总数量:212                      发帖的总分数:2305                     
结贴的总数量:191                      结贴的总分数:2000                     
无满意结贴数:72                       无满意结贴分:1470                     
未结的帖子数:21                       未结的总分数:305                      
结贴的百分比:90.09 %               结分的百分比:86.77 %                  
无满意结贴率:37.70 %               无满意结分率:73.50 %                  
值得尊敬

解决方案 »

  1.   

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>如何获取 对象名称</title>
    <style type="text/css">
    <!--
    body {
    background-color: #CCCCCC;
    }
    -->
    </style>
    <script language="javascript">
    function set(){
    var sTable="<table bordercolor=#cccccc cellspacing=2 cellpadding=3 width=100% align=left bgcolor=#ffffff border=1><tbody><tr><td bgcolor=#ffffff>8888</td></tr></tbody></table>";
    //sTable="<img scr='http://bbs.blueidea.com/images/default/logo.gif'>";
    HArea.focus();
    HArea.document.body.innerHTML = sTable;
    }
    function sel(){
    var oSelection = document.selection.createRange().duplicate();
    var sRangeType = document.selection.type;
    alert(oSelection.item(0).tagName);
    }
    </script>
    </head>
    <body>
    <input type="submit" name="Submit" value="添加对象" onClick="set()">&nbsp;&nbsp;&nbsp;&nbsp;<input type="submit" name="Submit" value="对象名称" onClick="sel()">
    <iframe id="Area" name="Area" style="width:100%;height:250px;" frameBorder="0" marginHeight=0 marginWidth=0 src="about:blank"></iframe>
    <script language="javascript">
    var HArea = document.getElementById("Area").contentWindow;
    HArea.document.designMode = "On";
    HArea.document.body.contentEditable = "True";
    </script>
    </body>
    </html>
    这个是源文件
      

  2.   


       if(obj.tagName=="img"){
           alert("img");
       } else if (obj.tagName=="table"){
           alert("table");
       }
      

  3.   


    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>如何获取 对象名称</title>
    <style type="text/css">
    <!--
    body {
        background-color: #CCCCCC;
    }
    -->
    </style>
    <script language="javascript">
    function set(){
        var sTable="<table bordercolor=#cccccc cellspacing=2 cellpadding=3 width=100% align=left bgcolor=#ffffff border=1><tbody><tr><td bgcolor=#ffffff>8888</td></tr></tbody></table>";
        //sTable="<img scr='http://bbs.blueidea.com/images/default/logo.gif'>";
        HArea.focus();
        HArea.document.body.innerHTML = sTable;
    }
    function sel(e){
        e = event || window.event;
    var target  = e.srcElement || e.target;
    alert(target.tagName);
    }
    </script>
    </head>
    <body>
    <input type="submit" name="Submit" value="添加对象" onClick="set()">&nbsp;&nbsp;&nbsp;&nbsp;<input type="submit" name="Submit" value="对象名称" onClick="sel(event)">
    <iframe id="Area" name="Area" style="width:100%;height:250px;" frameBorder="0" marginHeight=0 marginWidth=0 src="about:blank"></iframe>
    <script language="javascript">
    var HArea = document.getElementById("Area").contentWindow;
    HArea.document.designMode = "On";
    HArea.document.body.contentEditable = "True";
    </script>
    </body>
    </html>
      

  4.   

    不对啊 命名选的是table  可它说是INPUT?????????
      

  5.   

    不对啊 明明选的是table  可它说是INPUT 
    ？？
      

  6.   

    楼主的代码有错试不出选中的对象，先把代码整理好先。而判断对象是什么用3楼的tagName或nodeName来判断就行了，而获得的标签名是全大写，又或者能过某些标签很多特有属性去判断也行，例如IMG有fileSize，还有很多。
      

  7.   

    just test in IE7<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>如何获取 对象名称</title>
    <style type="text/css">
    <!--
    body {
        background-color: #CCCCCC;
    }
    -->
    </style>
    <script language="javascript">
    function set(){
        var sTable="<table bordercolor=#cccccc cellspacing=2 cellpadding=3 width=100% align=left bgcolor=#ffffff border=1><tbody><tr><td bgcolor=#ffffff>8888</td></tr></tbody></table>";
        sTable+="<img src='http://www.csdn.net/Images/logo_csdn.gif'>";
        HArea.focus();
        HArea.document.body.innerHTML = sTable;
    }
    function sel(){
        var oSelection = HArea.document.selection.createRange();
        var sRangeType = HArea.document.selection.type;
        if(sRangeType=="Control") alert(oSelection.item(0).tagName);
    }
    </script>
    </head>
    <body>
    <input type="submit" name="Submit" value="添加对象" onClick="set()">&nbsp;&nbsp;&nbsp;&nbsp;<input type="submit" name="Submit" value="对象名称" onClick="sel()">
    <iframe id="Area" name="Area" style="width:100%;height:250px;" frameBorder="0" marginHeight=0 marginWidth=0 src="about:blank"></iframe>
    <script language="javascript">
    var HArea = document.getElementById("Area").contentWindow;
    HArea.document.designMode = "On";
    //HArea.document.body.contentEditable = "True";
    </script>
    </body>
    </html>