CODEWITHSUNDEEP
javascriptconsole
Amir Rezvani
Amir Rezvani

Reputation: 1504

how can i console the list of DOM object with javascript

when i get an element with jQuery and console.log() the element i can see all methods that i can do something with. but when i use javascript to show element in console it just show the element itself instead of show me methods like _.style _.accessKey and so on, like when i do $(this)[0] with jQuery. so how to see all these methods in pure javascript ?

Upvotes: 1

Views: 5072

Answers (3)

code_cody97
code_cody97

Reputation: 100

You can try following ways to find html elements:

var x = document.getElementById('id');
console.log(x);

var y = document.getElementsByTagName('tag_name');
console.log(y);

var z = document.getElementsByClassName('class_name');
console.log(z);

and then list all methods and properties associated with that element by creating one new object and then call the function 

function getAllMethods(object) {
       return Object.getOwnPropertyNames(object).filter(function(property) {
        return typeof object[property] == 'function';
}

console.log(getAllMethods("object"));

Upvotes: 0

Ukesh Shrestha
Ukesh Shrestha

Reputation: 190

use console.dir() to see all the methods for javascript DOM object.

Upvotes: 2

Abhidev
Abhidev

Reputation: 7273

You can try the following:-

var div = document.getElementsByTagName('div')[0];

console.table(div) or console.dir(div)

This will print out all the properties available in a neat table format.

Upvotes: 3

Related Questions