谷歌新聞框內div

Question

我試圖在我的網站上的div內放置谷歌新聞搜索。我目前使用的是谷歌提供的腳本，但是我是Ajax/JavaScript的新手。我能夠顯示來自Google新聞的最新報道，但不知道如何在div中顯示它，更不用說使用CSS操作樣式。以下是我正在使用的代碼。任何幫助將不勝感激！

<script type="text/javascript"> 

    google.load('search', '1'); 

    var newsSearch; 

    function searchComplete() { 

     // Check that we got results 
     document.getElementById('averagecontainer').innerHTML = ''; 
     if (newsSearch.results && newsSearch.results.length > 0) { 
     for (var i = 0; i < newsSearch.results.length; i++) { 

      // Create HTML elements for search results 
      var p = document.createElement('p'); 
      var a = document.createElement('a'); 
      a.href = newsSearch.results[i].url; 
      a.innerHTML = newsSearch.results[i].title; 

      // Append search results to the HTML nodes 
      p.appendChild(a); 
      document.body.appendChild(p); 
     } 
     } 
    } 

    function onLoad() { 

     // Create a News Search instance. 
     newsSearch = new google.search.NewsSearch(); 

     // Set searchComplete as the callback function when a search is 
     // complete. The newsSearch object will have results in it. 
     newsSearch.setSearchCompleteCallback(this, searchComplete, null); 

     // Specify search quer(ies) 
     newsSearch.execute('Barack Obama'); 

     // Include the required Google branding 
     google.search.Search.getBranding('branding'); 
    } 

    // Set a callback to call your code when the page loads 
    google.setOnLoadCallback(onLoad); 

    </script> 

Answer 1

如果我理解正確的，這是你所需要的：

創建<div>，並給它一個ID：

<div id="your-div">HERE BE NEWS</div> 

然後修改searchComplete funcion這樣的：

function searchComplete() { 

    var container = document.getElementById('your-div'); 
    container.innerHTML = ''; 

    if (newsSearch.results && newsSearch.results.length > 0) { 
    for (var i = 0; i < newsSearch.results.length; i++) { 

     // Create HTML elements for search results 
     var p = document.createElement('p'); 
     var a = document.createElement('a'); 
     a.href = newsSearch.results[i].url; 
     a.innerHTML = newsSearch.results[i].title; 

     // Append search results to the HTML nodes 
     p.appendChild(a); 
     container.appendChild(p); 
    } 
    } 
} 

至於風格操作，您可以通過CSS中給定的ID匹配元素。例如像這樣：

#your-div a { 
    font-weight: bold; 
} 

編輯：

要告訴你，這是工作，我創建了一個的jsfiddle：http://jsfiddle.net/enjkG/

沒有很多東西，你可以搞砸這裏。我認爲你可能有一個語法錯誤，並沒有檢查控制檯是否有錯誤。