在使用javascript声明变量之前，如何检查元素是否有？

在使用javascript声明变量之前，如何检查元素是否有

在底部代码中，没有复选框id=“w”，但如何在声明变量之前检查元素

如果有

复选框id=“w”

，我们将声明

var w\u val=document.getElementById（“w”）。已选中

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

但是没有复选框id=“w”

，不声明

var w\u val=document.getElementById（“w”）。选中

<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(document.getElementById('yourElement').length > 0){ ... }

如果（$（'#w'）。长度！==0）{
//如果找到元素，请在此处输入代码。
}

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

if(document.getElementById('yourElement').length > 0){ ... }

如果（变量名的类型“未定义”），您试图解决的问题是什么？为什么要检查javascript变量是否已声明？
getElementById
不返回具有长度的内容，而是返回一个元素。