如何在使用 javascript 声明 var 之前检查元素有或没有

How to check element have or not have before declare var using javascript?

本文关键字：检查 元素 var 声明 javascript      更新时间：2023-09-26

在使用javascript声明var之前如何检查元素有或没有？

在底部代码上，没有checkbox id="w"但是如何在声明 var 之前检查元素？

如果有checkbox id="w"，我们将声明var w_val = document.getElementById("w").checked

但不要checkbox id="w"，不要宣布var w_val = document.getElementById("w").checked 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script language="JavaScript" type="text/javascript">
<!--
function test()
{
var w_val = document.getElementById("w").checked
var x_val = document.getElementById("x").checked
var y_val = document.getElementById("y").checked
var z_val = document.getElementById("z").checked
alert(w_val);
alert(x_val);
alert(y_val);
alert(z_val);
}
</script>
<form>
<input type="checkbox" id="x" value="1"/>
<input type="checkbox" id="y" value="2"/>
<input type="checkbox" id="z" value="3"/>
<button onclick="test()">OK</button>
</form>

当匹配项不存在时，document.getElementById返回null。此外，null是伪造的，因此您可以将其用作if的条件。

var w = document.getElementById('w');
if(w){
  // element with ID w exists
}

由于你已经在页面上包含了jQuery，所以你总是可以写这样的东西：

if （$（'#w'）.length ！== 0） { 如果找到元素，您的代码将在此处。 }

function isChecked(id){
    return document.getElementById(id).checked;
}
var w_val = document.getElementById("w") ? isChecked("w") : undefined;
var x_val = document.getElementById("x") ? isChecked("x") : undefined;
var y_val = document.getElementById("y") ? isChecked("y") : undefined;
var z_val = document.getElementById("z") ? isChecked("z") : undefined;

您可以使用 if 条件轻松检查它，如下所示：

if(document.getElementById('yourElement').length > 0){ ... }
相关文章：