Как оформить HTML элементы для результатов пользовательского API поиска Google json? - PullRequest
Новая
       56

Как оформить HTML элементы для результатов пользовательского API поиска Google json?

0 голосов
/ 03 мая 2020

Я использую API пользовательского поиска Google для извлечения и публикации sh JSON результатов обратного вызова. Я возился с переменными обратного вызова результатов json согласно рекомендациям Google по документации здесь:

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>

Как добавить стили в элементы HTML в моем коде для span, p, et c?

Кроме того, есть ли более простой способ получить первые десять результатов поиска со стилем HTML так же, как на странице результатов поиска Google.com? Это было бы здорово!

Спасибо за помощь!

1 Ответ

1 голос
/ 04 мая 2020

Для более простого метода рассмотрите возможность использования Поискового элемента - вы можете выполнить произвольное отображение результатов, используя Callbacks API . Плюс, это бесплатно

...