w3resource

JavaScript: Check whether a specified value is a DOM element

JavaScript Object: Exercise-18 with Solution

Write a JavaScript function to check whether a given value is a DOM element.

Sample Solution: -

HTML Code:


<html>
  <head>
  <meta charset="utf-8">
  <title>JavaScript function to check whether a specified value is a DOM element</title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
</head> <body> </body> </html>

JavaScript Code:

function is_dom_element(obj) {
    return !!(obj && obj.nodeType === 1);
  }
console.log(is_dom_element(jQuery('body')[0]));

Sample Output:

true

Flowchart:

Flowchart: JavaScript:- Check whether a specified value is a DOM element

Live Demo:

See the Pen javascript-object-exercise-18 by w3resource (@w3resource) on CodePen.


Improve this sample solution and post your code through Disqus

Previous: Write a JavaScript function to check if an object contains given property.
Next: JavaScript Validation Exercisess

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.



Share this Tutorial / Exercise on : Facebook and Twitter

JavaScript: Tips of the Day

instance

class Calc {
	constructor() {
		this.count = 0 
	}

	increase() {
		this.count ++
	}
}

const calc = new Calc()
new Calc().increase()

console.log(calc.count)

We set the variable calc equal to a new instance of the Calc class. Then, we instantiate a new instance of Calc, and invoke the increase method on this instance. Since the count property is within the constructor of the Calc class, the count property is not shared on the prototype of Calc. This means that the value of count has not been updated for the instance calc points to, count is still 0.

Ref: https://bit.ly/2Hcpkm6