2016-02-15 57 views
-4
// Week05: collections.js 
// Script to demonstrate using the links collection. 

    function processLinks() 
     { 

    var linksList = document.links; // get the document's links 

     var contents = "<ul>"; 

     for (var i = 0; i < linksList.length; ++i) 
    { 

      var currentLink = linksList[ i ]; 
      contents += "<li><a href='" + currentLink.href + "'>" + 
      currentLink.innerHTML + "</li>"; 
    } // end for 

     contents += "</ul>"; 
     document.getElementById("links").innerHTML = contents; 
} 

window.addEventListener("load", processLinks, false); 
+1

而不是投降,也許「精英」應該問一些自稱爲「新」的人的問題。 –

+1

@ElGuapo,同意。無論如何,打開控制檯並輸入document.links。它是文檔中標籤的集合。這個腳本遍歷這些鏈接,並生成一個標籤列表,並將它們附加到其ID爲「鏈接」的元素。 – shash7

+1

@ElGuapo - 我同意人們可以快速地從新人那裏投下問題,但是當我沒有'在這一個上投票我會建議「這是一些代碼,它有什麼作用?」並不是堆棧溢出格式的最佳問題。 (雖然我在你的答案上投了票,因爲我喜歡它。) – nnnnnn

回答

1

開始於window.addEventListener這是偵聽窗口的加載事件(在本例中是DOM)。一旦DOM被加載,它調用函數processLinks

processLinks獲取DOM中的所有鏈接,並創建一個無序列表<ul>,並將它們添加到ID爲「links」的DOM元素。

+0

擊敗我40秒! – shash7

相關問題