gpt4 book ai didi

javascript - 第二个存在条件不起作用

转载 作者:行者123 更新时间:2023-11-28 00:27:25 25 4
gpt4 key购买 nike

我有一个关于 javascript 的问题,我有两个条件来检查输入字段是否存在。但它只告诉我“opleiding存在”,而不是“opleiding存在”和“domein存在”。

请告诉我我的代码有什么问题。

非常感谢!

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script type="text/javascript">
function submit()
{
var opleiding = document.getElementById("opleiding");
var domein = document.getElementById("domein");

if(document.getElementById("opleiding")){
document.write("opleiding exists");
}

if (document.getElementById("domein")){
document.write("domein exists");
}
}
</script>
</head>
<body>
<input type="hidden" id="domein" value="domein" />
<input type="hidden" id="opleiding" value="opleiding" />

<div id="button" onclick="submit()">
<strong>button text</strong>
</div>
</body>
</html>

最佳答案

document.write 将覆盖页面中的现有内容。这就是您只在消息中看到的原因。

您必须使用 document.body.appendChild 来显示这两条错误消息。

function submit()
{
var opleiding = document.getElementById("opleiding");
var domein = document.getElementById("domein");
var textElement;
if(document.getElementById("opleiding")){
textElement = document.createElement("p");
textElement.textContent = "opleiding exists";
document.querySelector("#results").appendChild(textElement);
}

if (document.getElementById("domein")){
textElement = document.createElement("p");
textElement.textContent = "domein exists";
document.querySelector("#results").appendChild(textElement);
}
}
<body>
<input type="hidden" id="domein" value="domein" />
<input type="hidden" id="opleiding" value="opleiding" />
<div id="results"></div>
<div id="button" onclick="submit()">
<strong>button text</strong>
</div>
</body>

关于javascript - 第二个存在条件不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29351347/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com