如何为 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/样式添加到我用来为页面上的 Google 自定义搜索结果生成样式标题、说明和链接的 HTML 元素？

这是我现在使用的代码：

<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 对结果进行自定义渲染。另外，它是免费的