jxbrowser - Jxbrowser - 如何通过内联样式更改浏览器中的 css 样式

Question

我想在浏览器中更改一行的 css 样式。例如。我有一个 div

<div class="slider" style="top: 0px; left: -18px;">

现在我想把它改成

<div class="slider" style="top: 200px; left: -18px;">

我怎样才能通过 JxBrowser 做到这一点？

太感谢了！

Answer 1

您当然可以进行 CSS 修改，但是您要修改的元素需要有一些不同的标识符，以便您可以通过 JS 注入访问它们。这将是一个类、'data-value' 属性或您要修改的元素或元素组唯一的 id。如果你有，那么你可以使用类似的东西：

String jsString = "document.getElementsByClassName('slider')[0].style.left='33px';";
Browser.executeJavaScript(jsString);

如果您想确保首先完全加载页面，函数应该包含在 JS setTimeout()、onload() 或 Java TimerTask 之类的东西中。

可以做的事情也有限制。例如，我还没有找到将完整样式表块（带有过滤器）添加到现有页面的方法，但是较小的更改相对容易。