TimyChen 2016-01-12 13:20 采纳率: 100%
浏览 1566
已采纳

为什么在IE中运行这段代码会提示type为空或不是对象？为什么border属性会无法移除？

 <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>example</title>
        <style type="text/css">
            p{
                border: thin solid black;
                background: gray;
                color: white;
                padding: 10px;
                margin: 5px;
            }
        </style>
    </head>
    <body>
        <p>
            <label for="fave">fruit:<input id="fave" name="name"/></label>
        </p>
        <p>
            <label for="name">name:<input id="name" name="name"/></label>
        </p>
        <button type="submit">submit vote</button>
        <button type="reset">reset</button>
        <script type="text/javascript" defer="true">
            function handleFocusEvent(e){
                if(e.type=="focus"){//为什么在IE中运行这段代码会提示type为空或不是对象？
                    e.target.style.backgroundColor="lightgray";
                    e.target.style.border="thick solid red";
                }else{
                    e.target.style.removeProperty("background-color");
                    e.target.style.border="thick solid black";
//              e.targer.style.removeProperty("border")//为什么border属性会无法移除？
                }
            }

            var inputElems=document.getElementsByTagName("input");
            for(var i=0;i<inputElems.length;i++){
                inputElems[i].onfocus=handleFocusEvent;
                inputElems[i].onblur=handleFocusEvent;
            }
        </script>
    </body>
</html>
  • 写回答

2条回答 默认 最新

  • 斯洛文尼亚旅游 2016-01-13 01:28
    关注
    
        function handleFocusEvent(e) {
            e = e || window.event;//ie事件存储在window.event中，不是直接传入函数参数
            var o = e.srcElement || e.target;//ie源对象是srcElement，不是target，要做兼容
            if (e.type == "focus") {//为什么在IE中运行这段代码会提示type为空或不是对象？
                o.style.backgroundColor = "lightgray";
                o.style.border = "thick solid red";
            } else {
                o.style.cssText = ''//IE8-不支持style的removeProperty，直接设置cssText清空所有style的内容或者自己替换下cssText对应的属性
                o.style.border = "thick solid black";
                //              e.targer.style.removeProperty("border")//为什么border属性会无法移除？
            }
        }
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

悬赏问题

  • ¥15 有两个非常“自以为是”烦人的问题急期待大家解决！
  • ¥30 STM32 INMP441无法读取数据
  • ¥100 求汇川机器人IRCB300控制器和示教器同版本升级固件文件升级包
  • ¥15 用visualstudio2022创建vue项目后无法启动
  • ¥15 x趋于0时tanx-sinx极限可以拆开算吗
  • ¥500 把面具戴到人脸上，请大家贡献智慧，别用大模型回答，大模型的答案没啥用
  • ¥15 任意一个散点图自己下载其js脚本文件并做成独立的案例页面，不要作在线的，要离线状态。
  • ¥15 各位 帮我看看如何写代码，打出来的图形要和如下图呈现的一样，急
  • ¥30 c#打开word开启修订并实时显示批注
  • ¥15 如何解决ldsc的这条报错/index error