| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 1782 人关注过本帖
标题:求助:如何用js实现动态添加和删除图像
只看楼主 加入收藏
wf_xhzbao
Rank: 1
等 级:新手上路
帖 子:3
专家分:0
注 册:2008-8-26
收藏
 问题点数:0 回复次数:3 
求助:如何用js实现动态添加和删除图像
再次请教js高手:

如何用js实现动态添加和删除html图像元素 例如:<img src... /> 或者是<input type="image" src..... />

有劳各位大虾 帮一下小弟! 谢谢各位了!
搜索更多相关主题的帖子: 图像 动态 删除 
2008-09-01 21:03
BlueMouse
Rank: 1
来 自:贵州
等 级:新手上路
威 望:1
帖 子:52
专家分:0
注 册:2008-9-6
收藏
得分:0 
<html>
<head>
    <script language="javascript">
    <!--
        var iIndex = 0;
        function AddElement()
        {
            iIndex++;
            var oImg     = document.createElement("IMG");
            oImg.src     = "http://www.baidu.com/img/baidu_logo.gif";
            oImg.width    = 270;
            oImg.height    = 129;
            oImg.id        = "Image" + (iIndex).toString();
            alert("aaaaaa");
            oFrame.appendChild(oImg);
        }
        function DelElement()
        {
            var i = prompt("输入要删除的图片的序号", 1);
            oFrame.removeChild(document.all("Image" + i));
            
        }
        function document_onload()
        {
            document.all.oAddButton.onclick = AddElement;
            document.all.oDelButton.onclick = DelElement;
        }
    //-->
    </script>
</head>
<body onload="document_onload();">
  <div id="oFrame">
  </div>
  <input id="oAddButton" type="button" value="Append" />
  <input id="oDelButton" type="button" value="Remove" />
</body>
</html>
2008-09-10 11:36
BlueMouse
Rank: 1
来 自:贵州
等 级:新手上路
威 望:1
帖 子:52
专家分:0
注 册:2008-9-6
收藏
得分:0 
想方便一点就改一下就行了!像这样!
<html>
<head>
    <script language="javascript">
    <!--
        var SelObj = null;
        function AddElement()
        {
            var oImg             = document.createElement("IMG");
            oImg.src             = "http://www.baidu.com/img/baidu_logo.gif";
            oImg.width            = 270;
            oImg.height            = 129;
            oImg.style.cursor    = "hand";
            oFrame.appendChild(oImg);
        }
        function DelElement()
        {
            oFrame.removeChild(SelObj);            
        }
        function SelectImage()
        {
            if(window.event.srcElement.tagName=="IMG")
            {
                if(SelObj!=null)
                {
                    SelObj.border = 0;
                }
                window.event.srcElement.border = 2;
                SelObj = window.event.srcElement;
            }
        }
        function document_onload()
        {
            document.all.oAddButton.onclick = AddElement;
            document.all.oDelButton.onclick = DelElement;
            document.all.oFrame.onclick        = SelectImage;
        }
    //-->
    </script>
</head>
<body onload="document_onload();">
  <div id="oFrame">
  </div>
  <input id="oAddButton" type="button" value="Append" />
  <input id="oDelButton" type="button" value="Remove" />
</body>
</html>
2008-09-10 13:23
makelanlan
Rank: 1
等 级:新手上路
帖 子:1
专家分:0
注 册:2008-5-16
收藏
得分:0 
你这样支持其他浏览器???
2008-09-11 16:09
快速回复:求助:如何用js实现动态添加和删除图像
数据加载中...
 
   



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

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