javascript - 用不同的图像/按钮替换图像 - javascript

标签 javascript html

在一个函数中,我试图用另一个图像/按钮替换一个图像/按钮。

       <img src="images/14.gif" id="ImageButton1" onClick="showLoad()">    
        <img src="images/getld.png" id="ImageButton2" alt="Get Last Digits" style="display:none;" onClick="showLock()" />

            <script type="text/javascript" language="javascript"> 

            function swapButton(){
                    document.getElementById('ImageButton1').src = document.getElementById('ImageButton2').src;
                }
</script>

但是我有一个问题,更换时有两个相同的按钮(按钮2)! (一个位于页面顶部,一个位于其应有的位置)。我想知道是否有办法去掉顶部的额外按钮,或者在 javascript 函数中创建按钮元素?

感谢您的帮助。

最佳答案

您可以使用

在 JavaScript 中删除元素
var el = document.getElementById('id');
var remElement = (el.parentNode).removeChild(el);

关于javascript - 用不同的图像/按钮替换图像 - javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10463359/

相关文章:

javascript - 未捕获的类型错误 : Cannot read properties of undefined (reading 'remove' )

javascript - 如何标准化加权列表?

javascript - Android不会清除时间间隔

javascript - 如何将图像和纹理添加到 Three.js JSON 对象文件

php - Bootstrap 3 模态与图像和滚动条

javascript - 如何摆脱浏览器的 native 工具提示?

javascript - 使用 .pipe() 时出现 node.js fs.createReadStream 错误

html - Bootstrap 布局中的 float div

html - 防止图标的 SVG 背景出血?

javascript - 要求对fixedEncodeURIComponent 进行解释