gpt4 book ai didi

javascript - PhantomJS - 获取元素计算样式

转载 作者:行者123 更新时间:2023-11-28 05:57:34 25 4
gpt4 key购买 nike

我正在尝试获取页面上所有 p 元素的文本颜色和背景颜色:

elements = document.querySelectorAll("p");
console.log("elements " + elements.length);
console.log(window.getComputedStyle(elements[0]));
console.log(window.getComputedStyle(elements[0]).length);
console.log(window.getComputedStyle(elements[0]).getPropertyValue("background-color"));
console.log(window.getComputedStyle(elements[0]).getPropertyValue("color"));
console.log(elements[0].innerHTML);

这打印:

background-color: rgba(0, 0, 0, 0)
color: rgb(225, 224, 220)

但是如果我继续使用 chrome 并检查第一个 p 元素的计算样式,它会显示:

background-color: #43413e (67, 65, 62 as rgb)
color: #e1e0dc (225, 224, 220 as rgb)

这本应该让我得到“计算”风格,那为什么不这样做呢?我在这里错过了什么?它应该打印 brackground-color: rgb(67, 65, 62)

最佳答案

我不确定您在哪里运行此代码,但我预计样式会以编程方式更改。问题很可能是您在更改发生后在 chrome 中手动检查该值,但 phantomJS 过早地检查该值。也许将您的控制台日志放入一个函数中,并延迟执行该函数(例如通过使用 setTimeout)将解决问题。

关于javascript - PhantomJS - 获取元素计算样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36988118/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com