Google Calendar API v3 JavaScript格式

Question

我正在使用新的Google Calendar API在網站上創建事件列表，但在格式化輸出時遇到了麻煩。 我通過以下鏈接關注了本教程： https : //developers.google.com/google-apps/calendar/quickstart/js

通過學習本教程，我可以快速啟動並運行所有內容。 我想為我的網站設置事件列表的樣式，但不確定如何格式化輸出。 在本教程中，我遵循了使用OAuth為我提供客戶端ID而不是API密鑰的方法。 現在，在本教程中，事件的輸出是由createTextNode()生成的純文本塊。

這是上面教程的一部分，將日歷事件打印到網站上：

     /**
   * Print the summary and start datetime/date of the next ten events in
   * the authorized user's calendar. If no events are found an
   * appropriate message is printed.
   */
  function listUpcomingEvents() {
    var request = gapi.client.calendar.events.list({
      'calendarId': 'primary',
      'timeMin': (new Date()).toISOString(),
      'showDeleted': false,
      'singleEvents': true,
      'maxResults': 10,
      'orderBy': 'startTime'
    });

    request.execute(function(resp) {
      var events = resp.items;
      appendPre('Upcoming events:');

      if (events.length > 0) {
        for (i = 0; i < events.length; i++) {
          var event = events[i];
          var when = event.start.dateTime;
          if (!when) {
            when = event.start.date;
          }
          appendPre(event.summary + ' (' + when + ')')
        }
      } else {
        appendPre('No upcoming events found.');
      }

    });
  }

  /**
   * Append a pre element to the body containing the given message
   * as its text node.
   *
   * @param {string} message Text to be placed in pre element.
   */
  function appendPre(message) {
    var pre = document.getElementById('output');
    var textContent = document.createTextNode(message + '\n');
    pre.appendChild(textContent);
  }

結果是事件列表，其中包含事件的標題和日期（ISO格式）。

問題：如何設置此信息的格式，以使每個事件的標題都位於h1標簽中，而日期/時間位於h2標簽中，而不是所有輸出均位於一個巨型文本節點中？

另外，我正在使用私人日歷。

編輯：我發現了這個倉庫https://github.com/MilanKacurak/FormatGoogleCalendar這看起來與我正在尋找的格式完全一樣，但它僅適用於公共日歷。 有誰知道是否可以通過私人日歷使用這種方法？

Answer 1

經過更多的挖掘，我能夠找到一個類似的問題，並能夠使用它來解決我的問題。

在此鏈接中，該問題的答案有助於解決我的問題。

在JavaScript中使用API​​ v3檢索Google日歷事件

在此鏈接中，它說它是用於公共日歷的，但我也可以將其與我的私人日歷一起使用。 我想我遇到的最大問題是弄清楚如何格式化api的響應以包含自定義CSS類名稱和樣式。 如果您知道其他/更好的答案，請告訴我。