今天看公司项目, 项目有点老, 2007年的项目, 然后看 JavaScript代码中, 发现使用了if(document.getElementById('XXXX’)), 第一次遇见, 请教了公司大佬, 他说: 判断 html 中是否存在 这个控件, 若不存在, 则为false;若存在, 则为true
然后我自己编写代码进行了测试
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script>
function test() {
// [1], 首先测试, 获取 html 中的控件
// [1.1], 获取 id 为 xxx 的控件, 但 html 中不存在, 所以 为 null
var xx = document.getElementById('xxx');
// [1.2], 获取 id 为 yyy 的控件, html 中存在, 所以 为 div对象
var yy = document.getElementById('yyy');
// [2], 然后测试输出 上面 的 对象
// [2,1], 控制台 输出 "xx = null"
console.log("xx = " + xx);
// [2,2], 控制台 输出 "yy = [object HTMLDivElement]"
console.log("yy = " + yy);
// [3], 加入 if 进行判断
if (xx){
console.log("xx = null");
}
if (yy){
console.log("yy = [object HTMLDivElement]");
}
// [4], 结论: 判断 html 中是否存在 这个控件, 若不存在, 则为false; 若存在, 则为true
if(document.getElementById('xxx')) {
console.log("xxx");
}
if(document.getElementById('yyy')) {
console.log("yyy");
}
}
</script>
</head>
<body>
<div id="yyy"> </div>
<input type="button" οnclick="test()" value="测试" />
</body>
</html>
最后发现, 结果真是如此