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注入来访问它们。这将是一个类，“数据值”属性或对要修改的元素或元素组唯一的ID。如果你有，那么你可以使用类似的东西：

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

如果要确保首先完全加载页面，函数应该包含在JS setTimeout（），onload（）或类似Java TimerTask中。

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