Javascript 第二个条件不起作用_Javascript_Exists

Javascript 第二个条件不起作用

javascript

Javascript 第二个条件不起作用,javascript,exists,Javascript,Exists,我有一个关于javascript的问题，我有两个条件来检查输入字段是否存在。但它只告诉我“奥佩丁存在”，而不是“奥佩丁存在”和“多明存在” 请告诉我我的代码有什么问题非常感谢 <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <script type="text/javascript"> f

我有一个关于javascript的问题，我有两个条件来检查输入字段是否存在。但它只告诉我“奥佩丁存在”，而不是“奥佩丁存在”和“多明存在”

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

非常感谢

<!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>


无标题文件
函数提交（）
{
var opleiding=document.getElementById（“opleiding”）；
var domein=document.getElementById（“domein”）；
if（document.getElementById（“opleiding”））{
文件。写入（“存在opleding”）；
}
if（document.getElementById（“domein”））{
文件。写入（“文件存在”）；
}
}
按钮文本

文档。write

将覆盖页面中的现有内容。这就是为什么你只在短信上看到的原因

您必须使用

document.body.appendChild

来显示这两条错误消息

函数提交（）
{
var opleiding=document.getElementById（“opleiding”）；
var domein=document.getElementById（“domein”）；
var文本元素；
if（document.getElementById（“opleiding”））{
textElement=document.createElement（“p”）；
textElement.textContent=“opleiding存在”；
document.querySelector（“#results”）.appendChild（textElement）；
}
if（document.getElementById（“domein”））{
textElement=document.createElement（“p”）；
textElement.textContent=“domein存在”；
document.querySelector（“#results”）.appendChild（textElement）；
}
}


按钮文本

您应该避免使用，因为这是一种不推荐使用的方法。当您第一次使用它时，它会写下您想要的内容，但根据其定义删除页面的所有内容

要执行所需操作，您应该使用

document.body.appendChild

来“编写”包含文本的元素（如

），或者向

document.body.innerHTML

添加一些文本，下面是一个示例：

function submit() {
    var opleiding_div = document.createElement('div'),
        domein_div = document.createElement('div');

    opleiding_div.textContent = "opleiding exists";
    domein_div.textContent = "domein exists";

    if(document.getElementById("opleiding")){
        document.body.appendChild(opleiding_div);
    }

    if (document.getElementById("domein")){
        document.body.appendChild(domein_div);
    }
}

阅读工作原理。

文档。写入

将覆盖页面中以前的数据更改您的

文档。将

写入

警报

将得到您的答案。非常感谢您的解释：谢谢您的详细评论！