gpt4 book ai didi

jquery - jsdom和jquery修改dom元素的css样式

转载 作者:太空宇宙 更新时间:2023-11-04 02:42:10 24 4
gpt4 key购买 nike

我一直在我的 node.js 服务器上使用 jdom 和 jquery,并通过以下代码观察到以下奇怪的行为:

var divs = window.$('div').each(function() {
//console.log(" -", $(this));
$(this).css('background-color','green');
$(this).addClass('sel');
this.style.backgroundColor = "green";
});

我尝试使用我能想到的各种方式向 html 页面上的 div 添加一些样式(背景颜色为绿色)。上述所有尝试(我也一一尝试,看看是否有任何一个独立工作)产生了相同的结果,相当于:<div id="somedivid" style="">

我想知道这是否是一个错误,因为它不会向其中写入任何样式(引号内始终为空),但如果您检查原始文档,则当这些 div 之前没有样式属性时,会添加样式属性。添加我在自定义 css 样式 block 中在页面顶部手动创建的类 sel 确实有效,但是,正如您所认为的那样。问题是我真的希望能够在使用 jsdom 时动态更改单个对象的样式。如果这是一个错误或者我是否忽略了某些内容,有人有任何想法吗?

顺便说一句,这段代码可以在运行标准 jquery 的普通浏览器中正常运行,正如预期的那样,因此它似乎可能是 jsdom 的实现。

最佳答案

您错过了一种方法......也许这个有效:

this.setAttribute('style', 'background-color: green;');

或者:

this.setAttribute('class', 'sel');

如果之前已经定义了“sel”类,则为后者。

如果它有效,则可能意味着“jsdom”没有序列化当前计算的样式,而只是解析的样式(在 HTML 标记中)。我相信这是预期的行为。

关于jquery - jsdom和jquery修改dom元素的css样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13591136/

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