How to find if element with specific id exists or not

Question

In my JavaScript I want to check whether the element with specific id is exist or not  I tried it with 2 ways  1     var myEle   document getElementById  myElement    if myEle     null      var myEleValue  document getElementById  myElement   value      2    if getElementById  myElement         var myEleValue  document getElementById  myElement   value      but it gives same error as below -      Object expected

User · Answer

You can simply use if yourElement    x000D   x000D  var a   document getElementById  elemA    x000D  var b   document getElementById  elemB    x000D   x000D  if a  x000D    console log  elemA exists    x000D  else x000D    console log  elemA does not exist    x000D     x000D  if b  x000D    console log  elemB exists    x000D  else x000D    console log  elemB does not exist    x000D   lt div id  elemA  gt  lt  div gt  x000D   x000D   x000D

User · Answer

Use typeof for elements checks   if typeof element       undefined        then field does not exist

User · Answer

You need to specify which object you re calling getElementById from  In this case you can use document  You also can t just call  value on any element directly  For example if the element is textbox  value will return the value  but if it s a div it will not have a value   You also have a wrong condition  you re checking      if  myEle    null    which you should change to      if  myEle    null    var myEle   document getElementById  myElement    if myEle    null         var myEleValue  myEle value

User · Answer

var myEle   document getElementById  quot myElement quot        if myEle           var myEleValue  myEle value         the return of getElementById is null if an element is not actually present inside the dom  so your if statement will fail  because null is considered a false value

User · Answer

getElementById  Return Value    An Element Object  representing an element with the specified ID  Returns null if no elements with the specified ID exists see  https   www w3schools com jsref met document getelementbyid asp  Truthy vs Falsy  In JavaScript  a truthy value is a value that is considered  true when evaluated in a Boolean context  All values are truthy unless they are defined as falsy  i e   except for false  0      null  undefined  and NaN   see  https   developer mozilla org en-US docs Glossary Truthy  When the dom element is not found in the document it will return null  null is a Falsy and can be used as boolean expression in the if statement   var myElement   document getElementById  myElement    if myElement        Element exists

User · Answer

document getElementById  yourId     is the correct way   the document refers the HTML document that is loaded in the DOM   and it searches the id using the function getElementById   which takes a parameter of the id of an element  Solution will be    var elem    document getElementById  myElement     document getElementById  myElement   value           this will assign a value or give you and empty string

[javascript] How to find if element with specific id exists or not

Examples related to javascript

Examples related to dom