查詢選擇器-Query Selector · 前端開發手冊

> 主要介紹cssSelector的用法 ``` import com.teamdev.jxbrowser.chromium.Browser; import com.teamdev.jxbrowser.chromium.dom.By; import com.teamdev.jxbrowser.chromium.dom.DOMDocument; import com.teamdev.jxbrowser.chromium.dom.DOMElement; import com.teamdev.jxbrowser.chromium.dom.DOMNode; import com.teamdev.jxbrowser.chromium.events.FinishLoadingEvent; import com.teamdev.jxbrowser.chromium.events.LoadAdapter; import com.teamdev.jxbrowser.chromium.swing.BrowserView; import java.awt.BorderLayout; import java.util.List; import javax.swing.JFrame; /** * This sample demonstrates how to use querySelector DOM API. */ public class DOMQuerySelectorSample { public static void main(String[] args) { Browser browser = new Browser(); BrowserView view = new BrowserView(browser); JFrame frame = new JFrame(); frame.getContentPane().add(view, BorderLayout.CENTER); frame.setSize(800, 600); frame.setLocationRelativeTo(null); frame.setVisible(true); browser.addLoadListener(new LoadAdapter() { @Override public void onFinishLoadingFrame(FinishLoadingEvent event) { DOMDocument document = event.getBrowser().getDocument(); // Get the div with id = "root". DOMNode divRoot = document.findElement(By.cssSelector("#root")); // Get all paragraphs. List<DOMElement> paragraphs = divRoot.findElements(By.cssSelector("p")); for (DOMElement paragraph : paragraphs) { System.out.println("paragraph.getNodeValue() = " + paragraph.getChildren().get(0).getNodeValue()); } } }); browser.loadHTML( "<html><body><div id='root'>" + "<p>paragraph1</p>" + "<p>paragraph2</p>" + "<p>paragraph3</p>" + "</div></body></html>"); } } ```