GetComputedStyle节点不工作-未定义
GetComputedStyle是一个用于获取元素的计算样式的方法。它返回一个包含所有计算样式属性及其对应值的对象。
当GetComputedStyle节点不工作且显示为"未定义"时，可能有以下几个原因：
- 节点不存在：如果要获取的节点不存在于文档中，那么调用GetComputedStyle方法时会返回"未定义"。在使用该方法之前，需要确保要获取样式的节点已经正确地被创建并添加到文档中。
- 节点未渲染：如果要获取的节点还没有被渲染或者还没有应用样式，那么调用GetComputedStyle方法时也会返回"未定义"。在确保节点存在的前提下，可以通过等待节点渲染完成或者样式应用完成后再调用GetComputedStyle方法。
- 浏览器兼容性：不同的浏览器对于GetComputedStyle方法的支持程度可能有所不同。在某些旧版本的浏览器中，可能不支持该方法或者返回的计算样式属性有所差异。在使用GetComputedStyle方法时，需要注意浏览器的兼容性，并根据需要进行相应的兼容处理。
总结起来，要解决GetComputedStyle节点不工作的问题，可以按照以下步骤进行排查：
- 确保要获取样式的节点已经正确地被创建并添加到文档中。
- 确保节点已经被渲染或者样式已经应用。
- 检查浏览器的兼容性，根据需要进行相应的兼容处理。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云计算服务：https://cloud.tencent.com/product/cvm
- 腾讯云数据库：https://cloud.tencent.com/product/cdb
- 腾讯云服务器运维：https://cloud.tencent.com/product/cvm
- 腾讯云音视频处理：https://cloud.tencent.com/product/vod
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发：https://cloud.tencent.com/product/mobiledv
- 腾讯云存储：https://cloud.tencent.com/product/cos
- 腾讯云区块链：https://cloud.tencent.com/product/baas
- 腾讯云元宇宙：https://cloud.tencent.com/product/vr
相关·内容
我正在写一个网络抓取脚本，我想使用getComputedStyle()，但是它在节点上不起作用。我收到错误，说是getComputedStyle is not defined return elements.sort((a, b) => {
浏览 50提问于2021-03-05得票数 0
在计算属性中，我想得到这个组件的高度，但是getElementById在计算属性中不工作，即使它作为一个方法工作。computedProp: function() { let style = window.getComputedStyle(element)},
元素未
浏览 2提问于2021-07-12得票数 0
我需要将页面中具有特定字体的所有文本节点转换为一个数组。我试过..。看起来getComputedStyle()是个不错的选择。我想我需要的是这样的东西..for (var i in tags) { if (style.fontFamily.match(/foo/i)) {
textnodes.push(tags[i
浏览 2提问于2011-01-03得票数 1
回答已采纳
1回答
我想用JavaScript将所有应用的CSS规则应用到一个DOM节点。我知道getComputedStyle确实存在，但它会返回所有样式，而不仅仅是从样式表/内联样式/注入到CSSOM中的样式中应用的样式。我看到这项工作的唯一方式是在浏览器上复制HTML，并将其粘贴到可编辑的字段中。粘贴的HTML神奇地只包含节点上内联的相关样式和类名。我很有兴趣看看它是如何工作的。get_relevant_styles = function(el) {
const vanilla = docume
浏览 6提问于2019-10-04得票数 1
回答已采纳
还有其他几个类似的问题，但是他们会问“为什么这个不执行”(语法错误？)--这是一个简单且容易测试的示例，它会执行，但会发出警告：
for(ii in target){
浏览 0提问于2019-03-19得票数 0
回答已采纳
我有一个关于currentStyle的问题，我读到的是在IE9支持getComputedStyle之前的修复。它可以工作，但不能低于IE9。this.w =函数( elm ){}SCRIPT5007:无法获取未定义
浏览 1提问于2015-04-06得票数 0
我的javascript代码中有以下一行： strValue= document.defaultView.getComputedStyle(oElm).getPropertyValue(strCssRule);
} // ...检索我的节点的CSS值(例如：strCssRule = 'color')。它可以在Firefox上工作
浏览 3提问于2013-04-09得票数 1
1回答
我试图得到一个数组，只包含具有背景图像属性的元素，但是，我的代码不工作，我也不知道出了什么问题。=> return el.currentStyle['backgroundImage'] isnt 'none'
else if window.getComputedStylereturn document.defaultView.getComputedStyle(el,null).getPropertyValue('b
浏览 1提问于2014-05-16得票数 0
回答已采纳
1回答
"#Login");const thecssStyle = await page.evaluate(el =>这不起作用，我得到以下错误：
UnhandledPromiseRejectionWarning:错误:评估失败: ReferenceError:样式未定义但是，如果我像下面所示的那样直接传递背景颜色，它的工
浏览 6提问于2020-07-01得票数 0
回答已采纳
当您第一次加载应用程序时，这不起作用，而我得到了错误但是当我刷新页面的时候，它会起作用吗？isFoodTypeSectionVisible, setIsFoodTypeSectionVisible] = useState(true);useEffect(() => {
const styles = getComputedStyle
浏览 1提问于2022-03-16得票数 0
2回答
我需要知道输入文本元素的宽度，在我使用的好浏览器中：} else {}
如果它是由css或样式属性设置的宽度，但是如果大小是默认的(按大小属性设置或不设置) el.currentStyle' width‘则是未定义的。
浏览 1提问于2011-09-28得票数 2
回答已采纳
1回答
我尝试过所有可能的html元素类型，但是flow说它们是不兼容的。那么为什么我不能将画布元素赋值给HTMLCanvasElement变量呢？节点参数是一个div元素，它包含画布元素。canvas: HTMLCanvasElement = node.firstChild canvas.width = parseInt(getComputedStyle(node).getPropertyValue('width'))
canv
浏览 2提问于2017-04-12得票数 3
回答已采纳
document.getElementById('someElement');但currentStyle是MS特异性的.因此，我尝试了火狐3和Safari 3中的getComputedStyle()：...and返回未定义的。但是，只要该值遵循正确的语法，它就可以工作。一个更好的属性名应该是"-myNameSpace-foo“之
浏览 25提问于2008-10-30得票数 14
回答已采纳
1回答
我在API文档中有一个非常简单的AsyncTypeahead示例： import React, {Component} from "react";
constructor() { this.state = {
浏览 2提问于2019-10-02得票数 0
回答已采纳
我知道如何使CSS转换工作，但在本例中，我想知道为什么 getComputedStyle()不更新right类。下面是使用getComputedStyle()方法强制样式重新计算的引用：现在我的小提琴不起作用了： $('div div').eq(0).addClass('right');
window.getCompu
浏览 4提问于2015-11-30得票数 1
我想让简单的幻灯片，这是自动工作(没有按钮)。图像应该从下往上滑动。我已经解释了代码之后的事情。function initAll(){ img.style.top = 290 +"px";}
var i = parseInt(window.getComputedS
浏览 0提问于2013-05-12得票数 0
回答已采纳
我有一个需要获取小部件的计算/应用css样式的需求。我正在使用dojo小工具。有没有办法以编程的方式识别样式？
浏览 0提问于2015-07-29得票数 0
但是，对于使用的元素，它并不像我预期的那样工作。红利点:如果您快速单击目标，返回的值通常是小数，不返回100 or或120 or。这告诉我，当使用绝对定位对象时，getCo
浏览 6提问于2022-08-24得票数 0
1回答
脚本错误
、、
错误:无法获得未定义或空引用的属性“getComputedStyle”。代码:0
不确定它是否相关，但是页面上的jQuery必须是1.8，我的一个脚本才能正常工作。
浏览 3提问于2014-06-11得票数 0
4回答
如何才能从背景图像属性获得URL：(window.getComputedStyle(element).getPropertyValue("background-image")).replace
浏览 1提问于2013-11-07得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
