JS如何移除标签中的属性

假设我在页面中有一个图片标签如下：
<img  id="Image1" src="../images/mypic1.jpg" alt=""  width=142 height=168/>
然后我要JS要中做一个操作，就是去除其src属性或者让其不起作用
我使用document.getElementById("Image1").src="";
然后在页面上显示的时候会出现一个小红叉，然后我又让它通过滤镜的方式显示一张图片，但是那个小红叉一直都在
大家有没有解决办法，谢谢

解决方案 »

  1.   

    2楼的意思是document.getElementById("Image1").src="透明图片地址";其实我觉得楼主完全可以移除这个img
    也可以啊
      

  2.   

    试了下不行，这样是透明图片显示出来了，但是之后加在它上面的滤镜效果就没显示出来
     document.getElementById("Image1").src="../images/touming2.jpg";
    document.getElementById("Image1").style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');width:174px;height:227px; text-align:center";
     document.getElementById("Image1").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = fileUrl;
    如果我用的是移除src属性的方法，虽然没有小红叉，但是还有个小图标在上面
      

  3.   

    大家想一下这个场景，在修改一条记录的时候这里面刚才有个图片，然后我在这个页面实现JS图片即时上传预览的效果，这个在IE6 7下直接给SRC赋本地路径即可，但是IE8下不行，但是IE8下支持通过滤镜的方式显示本地图片，有个奇怪的现象是通过滤镜的方式，如果原本的Imag src有值，则如果页面是HTML的页面，则可以正常显示，但是放到JSP等动态页面里效果就死活出不来，经过测试，只要所初始的SRC去掉，滤镜效果就出来了，但是去掉值或者移除属性都有个小图标上新显示出来的图片上面，大家帮忙想下有什么办法可以解决<html>
    <head>
    <script language="javascript"> 
    function ImagePreview() 
    {  
    var filepath = "c:\img\123.jpg";
        //测试图片地址           
        var fileUrl="C:\\Documents and Settings\\Administrator\\My Documents\\My Pictures\\e.jpg";    
        document.getElementById("divFilter").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = fileUrl;
        document.getElementById("Image1").src="../images/touming2.jpg";
        //document.getElementById("Image1").removeAttribute("src");
    document.getElementById("Image1").style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');width:174px;height:227px; text-align:center";
     document.getElementById("Image1").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = fileUrl;
    }
     
    //ImagePreview();
    </script>
    </head>
    <body>
    <div id="divFilter" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);width:174px;height:227px; text-align:center"></div>
    <img  id="Image1" src="../images/mypic1.jpg" alt=""  width=142 height=168/>
    <input type="button" name="btn" value="go" onclick="ImagePreview();">
    </body>
    </html>
     
    大家可以把上面的代码Copy下来，保持成HMTL和JSP的各试一下，HMTL的一点问题都没，但是JSP的就不行了，唉
      

  4.   

    参考这个帖子：http://topic.csdn.net/u/20091222/00/2da91ff1-9bb2-431c-8ddf-bb3011d7efbe.html
      

  5.   

    能不能告诉我下面这句话是什么意思
    "mhtml:" + document.scripts[document.scripts.length - 1].getAttribute("src", 4) + "!blankImage"
    我是不是要保存一份MHTML文件，然后引进来？还是怎么样？
    如果是保存一份MHTML，那这份文件的后缀名是什么？有什么要求吗？
      

  6.   

    放在js文件的头部就好了。
    参考示例：
    http://files.cnblogs.com/cloudgamer/ImagePreview.js
    /*
    Content-Type: multipart/related; boundary="_CLOUDGAMER"--_CLOUDGAMER
    Content-Location:blankImage
    Content-Transfer-Encoding:base64R0lGODlhAQABAJEAAAAAAP///////wAAACH5BAEAAAIALAAAAAABAAEAAAICVAEAOw==
    */
    var ImagePreview = function(file, img, options) {
      

  7.   

    测试例子通过，然后我把它引入到我的项目中，不知道什么原因
    document.scripts[document.scripts.length - 1].getAttribute("src", 4)
    获取的值为NULL，郁闷死了