2016-05-01 130 views
0

我想在瀏覽器中更改一行的css樣式。例如, 。我有一個divJxbrowser - 如何通過內聯樣式更改瀏覽器中的css樣式

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

現在我想將其更改爲

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

我如何通過JxBrowser辦呢?

非常感謝!

+0

現在JxBrowser DOM API不提供允許修改css樣式屬性的功能。您可以嘗試使用允許使用DOM元素屬性的JxBrowser DOM API來更改它們:https://jxbrowser.support.teamdev.com/support/solutions/articles/9000013710-element-attributes – Vladimir

回答

0

你當然可以做CSS修改,但是你想要修改的元素需要有一些獨特的標識符,以便你可以通過JS注入來訪問它們。這將是一個類,'data-value'屬性或者一個對於您想要修改的元素或元素組唯一的id。如果你有,那麼你可以使用類似:

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

功能應包在JS的setTimeout()的onload(),或者如果你想確保頁面完全首次加載像一個Java的TimerTask 。

對於可以做什麼也有限制。例如,我還沒有找到將完整樣式表塊(帶有過濾器)添加到現有頁面的方法,但較小的更改相對容易。