如何使用JavaScript检查特定ID的元素是否存在

如何使用JavaScript检查特定ID的元素是否存在

给定一个包含一些元素的HTML文档,这些元素包含一些id属性。任务是使用JavaScript(无需使用JQuery)检查特定ID的元素是否存在。下面讨论了两种方法:

方法1: 首先,我们将使用document.getElementById()获取ID并将ID存储到一个变量中。然后将元素(存储ID的变量)与’null’进行比较,以确定元素是否存在。

示例:

<h1 style="color:green;">
    GeeksforGeeks
</h1>
  
<p id="GFG_UP"></p>
  
<button onClick="GFG_Fun()">
    click here
</button>
  
<p id="GFG_DOWN"></p>
  
<script>
    var el_up = document.getElementById('GFG_UP');
    var el_down = document.getElementById('GFG_DOWN');
      
    el_up.innerHTML = "Click on button to check if "
                + "element exists using JavaScript.";
                  
    function GFG_Fun() {
        var el = document.getElementById('GFGUP');
        if (el != null) {
            el_down.innerHTML = "元素存在";
        } else {
            el_down.innerHTML = "元素不存在";
        }
    }
</script>
HTML

输出:

如何使用JavaScript检查特定ID的元素是否存在

方法2: 首先,我们将使用document.getElementById()获取ID并将ID存储到一个变量中。然后使用 JSON.stringify()方法 对元素(存储ID的变量)进行处理,并将元素与’null’字符串进行比较,以确定元素是否存在。

示例:

<h1 style="color:green;">
    GeeksforGeeks
</h1>
  
<p id="GFG_UP"></p>
  
<button onClick="GFG_Fun()">
    click here
</button>
  
<p id="GFG_DOWN"></p>
  
<script>
    var el_up = document.getElementById('GFG_UP');
    var el_down = document.getElementById('GFG_DOWN');
    el_up.innerHTML = "Click on button to check if "
                + "element exists using JavaScript.";
                  
    function GFG_Fun() {
        var el = document.getElementById('GFGUP');
        if (JSON.stringify(el) != "null") {
            el_down.innerHTML = "元素存在";
        } else {
            el_down.innerHTML = "元素不存在";
        }
    }
</script>
HTML

输出:

如何使用JavaScript检查特定ID的元素是否存在

阅读更多:JavaScript 教程

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程

登录

注册