无法通过 JavaScript 控制台查找项目

Question

嗨，我是 javascript 的初学者，所以我遇到了麻烦。我正在尝试使用控制台获取页面元素。这是代码：

var ELEMENT = document.querySelector('div.flexCenter-3_1bcw.flex-1O1GKY.justifyCenter-3D2jYp.alignCenter-1dQNNs')

我想从元素中得到一个特定的东西：

ELEMENT.__reactPropscjqqgfk4j

简单？不完全的。 .__reactProps$ 每次我访问该页面时都会发生变化。有时它会是 __reactProps$25jwbxmtle，有时它会是 __reactProps$94maqnwnty（你懂的）。我可以在这里做什么？

当我执行 ELEMENT.attributes 时，会出现：

NamedNodeMap {0: class, class: class, length: 1}
    0: class
        ownerDocument: document
            .__reactEventscjqqgfk4j

.__reactEvents 项总是以与.__reactProps 项相同的结尾。有什么方法可以从属性中获取该项目的名称（因为这对我来说已经足够了）

Answer 1

您可以使用 Object.keys(ELEMENT) 获取该元素的所有键，然后搜索所需的键。这将提取前缀，随机 ID：

var ELEMENT = document.querySelector('div.flexCenter-3_1bcw.flex-1O1GKY.justifyCenter-3D2jYp.alignCenter-1dQNNs');

let id = null;
for(let i = 0, keys = Object.keys(ELEMENT); i < keys.length; i++)
{
  if ((id = keys[i].match(/^__react[^$]*($.+)$/)))
  {
    id = id[1];
    break;
  }
}

console.log(id);

无法通过 JavaScript 控制台查找项目

Trouble finding an item through JavaScript Console

javascript

console