如何使用JavaScript检测页面中的div元素是否存在？

本文共计311个文字，预计阅读时间需要2分钟。

判断方法：1. 使用document.getElementById(id值)语句根据指定id值获取div元素对象；2. 利用if语句判断div元素是否存在，语法if(div元素对象){//元素存在}else{//元素不存在}。本教程操作环境：

判断方法：1、使用“document.getElementById("id值")”语句根据指定id值获取div元素对象；2、利用if语句判断div是否存在，语法“if (div元素对象){//元素存在}else{//元素不存在}”。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

js判断div元素是否存在

在原生的js的getElementById()和getElementsByTagName()方法来操作元素时，如果被操作的元素不存在，则浏览器会抛出错误，并终止代码的运行，所以为了避免这种情况的方法，在无法确定要操作的元素是否存在时，可以利用下面的代码来进行判断元素是否存在。

实现代码

<div id="div">div元素</div> <p>这是一个段落。</p> <script> var div=document.getElementById("div"); if (div){ //元素存在的操作代码 console.log("div元素存在"); }else{ //元素不存在的操作代码 console.log("div元素不存在"); } </script>