使用 Google Web Toolkit 或 Javascript 如何解析 HTML 以查找图像元素及其链接？答案

【问题标题】：Using the Google Web Toolkit or Javascript how do I go about parsing HTML to find an image element and its link?使用 Google Web Toolkit 或 Javascript 如何解析 HTML 以查找图像元素及其链接？
【发布时间】：2011-02-09 03:00:45
【问题描述】：

我更喜欢 GWT 中的答案，但我应该能够为我的目的翻译 Javascript。任何帮助表示赞赏！

【问题讨论】：

标签： javascript html gwt html-parsing

【解决方案1】：

如果元素有id，可以使用：

Element e = com.google.gwt.user.client.DOM.getElementById("myImgElementId");
String imageSrc = e.getPropertyString("src");

如果您喜欢强类型，您还可以执行以下操作：

Element e = DOM.getElementById("myImgElementId");
ImageElement img = ImageElement.as(e);
String imageSrc = img.getSrc("src");

【讨论】：

如果原始发帖人也在寻找点击图片后您会转到的链接（即封闭的<a> 标签），则可以爬取 ImageElement 的 getParent() 链，直到当前元素的getTag() 等于AnchorElement.TAG。您无法进行 instanceof 测试，因为您正在使用 JSO 子类型。

【解决方案2】：

我认为您正在寻找的是一个 DOM 查询功能。我不确定 GWT 中的内容是什么样的，但 jQuery 就是为此而构建的。以下是使用该库的一些示例：

If you're looking for...                   then call javascript...

<img id="myImg" src="foo.jpg" />           $('#myImg')
<a href="stackoverflow.com">cool</a>       $('a[href="stackoverflow.com"]')

在 jQuery 或 css3 选择器上运行搜索以获取更多信息。希望对您有所帮助。

【讨论】：