1

我一直在我的 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 之前没有样式属性时添加样式属性。将我在页面顶部手动创建的类 sel 添加到自定义 css 样式块中确实可以工作，但是，就像您认为的那样。问题是我真的希望能够在使用 jsdom 时动态更改单个对象的样式。如果这是一个错误或者我忽略了什么，任何人都有任何想法？

顺便说一句，这段代码在运行标准 jquery 的普通浏览器中也能正常工作，就像预期的那样，所以它似乎很可能是 jsdom 实现。

4

1 回答 1

0

你错过了一种方法......也许这个方法有效：

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

或者：

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

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

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

于 2012-11-29T19:13:49.407 回答