從html頁面提取classes/id

Question

我需要爲現存的html頁面創建一個css樣式表。有沒有簡單的方法來提取所有的類和ID使用腳本...我熟悉Python，Java，C，JavaScript和PHP。有這些語言的圖書館嗎？對我來說有點矯枉過正。感謝任何幫助。

乾杯！

Answer 1

檢索每個元素的id最簡便的方法是簡單地遍歷有一個id的元素，並檢索：

var idEls = document.querySelectorAll('*[id]'), 
    ids = []; 

for (var i=0, len=idEls.length; i<len; i++){ 
    ids.push(idEls[i].id); 
} 

的一種方式，以覆蓋那些沒有瀏覽器實施querySelectorAll()是創建每元素的節點列表，然後遍歷是（相當可能非常大）節點列表，用於測試的id和，如果存在的話，那推到數組：

var els = document.getElementsByTagName('*'), 
    ids = []; 

for (var i=0, len=els.length; i<len; i++){ 
    if (els[i].id){ 
     ids.push(els[i].id); 
    } 
} 

Answer 2

通過元素使用jQuery，循環，如果你使用jQuery獲得id和class

$('html *').each(function(){ 
    console.log($(this).attr('id'), $(this).attr('class')) 
})