Как я могу утешить список объекта DOM с помощью JavaScript

Question

когда я получаю элемент с помощью jQuery и console.log (), я вижу все методы, с которыми я могу что-то сделать.но когда я использую javascript для отображения элемента в консоли, он просто показывает сам элемент вместо того, чтобы показывать мне методы, такие как _.style _.accessKey и так далее, например, когда я делаю $ (this) [0] с помощью jQuery.Так как же увидеть все эти методы в чистом JavaScript?

Answer 1

используйте console.dir () для просмотра всех методов объекта DOM javascript.

Answer 2

Вы можете попробовать следующие способы поиска html-элементов:

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);

, а затем перечислить все методы и свойства, связанные с этим элементом, создав один новый объект, а затем вызвать функцию

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

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

Answer 3

Вы можете попробовать следующее: -

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

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

Это распечатает все свойства, доступные в формате аккуратной таблицы.