javascript - 如何为 Google 自定义搜索 API json 结果设置 HTML 元素样式？

Question

我正在使用 Google 自定义搜索 API 来获取和发布 JSON 回调结果。我一直在按照 Google 推荐文档修改 json 结果回调变量:

https://github.com/googleapis/google-api-java-client-services/blob/master/clients/google-api-services-customsearch/v1/1.30.1/resources/customsearch.v1.json

想知道如何使用 Javascript 变量或其他变量将 CSS/样式添加到 HTML 元素，然后使用这些元素为页面上的 Google 自定义搜索结果生成样式标题、描述和链接？

这是我现在使用的代码:

<div>
<script>
  function hndlr(response) {
  for (var i = 0; i < response.items.length; i++) {
    var item = response.items[i];
    // in production code, item.htmlTitle should have the HTML entities escaped.
    document.getElementById("content").innerHTML += "<span>" + item.title;
    document.getElementById("content").innerHTML += "<p>" + item.snippet +"<u><a href='"+item.link+"'>(continue reading)</a>";
  }
}
</script>
<script src="https://www.googleapis.com/customsearch/v1?key=API_KEY&cx=GOOGLE_CUSTOM_SEARCH_ID&q=MY+QUERY+WORDSS&callback=hndlr">
</script>
</div>

我应该如何向代码中的 span、p 等 HTML 元素添加样式？

此外，是否有更简单的方法来获取前十个搜索结果，其 HTML 样式与 Google.com 搜索结果页中显示的样式相同？这太好了!

感谢您的帮助!

Answer 1

要获得更简单的方法，请考虑使用 Search Element -- 您可以使用 Callbacks API 自定义结果渲染。另外，它是免费的