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

Question

我正在使用Google Custom Search 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进行结果的自定义呈现。另外，它是免费的