如何获取HTMLElement类及HTML节点实例的所有方法名？

你在Node.js的JSDOM环境中尝试获取HTMLDivElement实例的方法名时，用for-in循环结合hasOwnProperty判断得到空数组，核心原因是DOM元素的方法都定义在原型链上，并非实例自身的属性，hasOwnProperty会直接过滤掉这些原型上的方法，同时for-in可能无法枚举所有原型属性。

以下是几种可行的实现方式：

方法一：遍历原型链收集所有方法 #

通过逐层遍历目标实例的原型链，提取每个原型上的函数属性，并用Set去重避免重复：

const { JSDOM } = require('jsdom');
const dom = new JSDOM('<!DOCTYPE html>');
const document = dom.window.document;
const nodeObj = document.createElement('div');

const getElementMethods = (element) => {
  const methodSet = new Set();
  let currentProto = Object.getPrototypeOf(element);
  
  // 遍历原型链，直到Object.prototype停止
  while (currentProto && currentProto !== Object.prototype) {
    Object.getOwnPropertyNames(currentProto).forEach(key => {
      const prop = currentProto[key];
      if (typeof prop === 'function') {
        methodSet.add(key);
      }
    });
    currentProto = Object.getPrototypeOf(currentProto);
  }
  
  return Array.from(methodSet);
};

// 调用并打印结果
const methodNames = getElementMethods(nodeObj);
console.log(methodNames);

这段代码会收集到append、remove、getAttribute、setAttribute等所有DOM元素的方法。

方法二：包含实例自身的方法（可选） #

如果需要同时收集实例自身定义的方法（DOM实例一般不存在，但可兼容自定义场景），可以在遍历原型链前先检查实例自身属性：

const getElementMethods = (element) => {
  const methodSet = new Set();
  
  // 先检查实例自身的方法
  Object.getOwnPropertyNames(element).forEach(key => {
    const prop = element[key];
    if (typeof prop === 'function') {
      methodSet.add(key);
    }
  });
  
  // 再遍历原型链
  let currentProto = Object.getPrototypeOf(element);
  while (currentProto && currentProto !== Object.prototype) {
    Object.getOwnPropertyNames(currentProto).forEach(key => {
      const prop = currentProto[key];
      if (typeof prop === 'function') {
        methodSet.add(key);
      }
    });
    currentProto = Object.getPrototypeOf(currentProto);
  }
  
  return Array.from(methodSet);
};

原代码无效的原因补充 #

1. hasOwnProperty仅判断属性是否属于实例自身，而DOM元素的核心方法都挂载在HTMLDivElement.prototype、HTMLElement.prototype、Element.prototype等原型节点上，不会被检测到。
2. for-in循环默认仅枚举可枚举属性，JSDOM中部分DOM方法的属性可能被设置为不可枚举，导致无法被遍历到。

内容的提问来源于stack exchange，提问作者user17227456