Question

我最终要做的是首先隐藏一个框和一个图像然后根据其他功能的结果然后取消隐藏框（通过给它一个背景颜色）和图像以及根据需要更改图像在被调用的函数上。

我对以下代码有两个问题：

首先，执行时会显示框，但图像会显示不
第二次调用任何一个函数时（它抛出没有脚本的其余部分（第一次调用时出错）（这是一个计算器）它会发生多次）然后我得到一个错误，好像图像没有存在时间更长：

“JavaScript运行时错误：无法设置未定义的属性'src' 或null引用“

的JScript：

function one(input) {
    document.getElementById("result").style.background = "lightgray";
    document.getElementById("result").style.color = "green";
    document.getElementById("icon").src = "tick.png";
    document.getElementById("icon").style.visibility = "visible";
}
function two(input) {
    document.getElementById("result").style.background = "lightgray";
    document.getElementById("result").style.color = "red";
    document.getElementById("icon").src = 'cross.png';
    document.getElementById("icon").style.visibility = "visible";
}

HTML：

    <div id="result">
<img src="tick.png" id="icon" style="visibility:hidden">
</div>

和CSS（虽然需要怀疑）：

#result {


width: 820px;
height: 450px;
border-radius: 20px;
padding-top:25px;
padding-bottom: 25px;
color: green;
font-size:40pt;
text-align: center;
margin-top: 100px;
margin-right: 150px;
margin-left:420px;
}

#result img{

margin-top: 85px;
width:220px;
height: 190px;
    }

Answer 1

巴尔玛让我思考，谢谢你！

在调用函数后查看DOM后，使用.innerText替换了HTML中的代码（仍然不明白为什么会这样做）所以在第一次调用我的标记时因此试图调用空引用。把它自己的div解决了这个问题。

还为css中的position设置了绝对位置属性，并通过将图像重新置于视图中来修复该问题。

感谢帮助人员，非常感谢！：）

隐藏/更改/添加图像

1 个答案: