如何使用JavaScript獲取HTML數據

Question

我有一個HTML網頁，其中充滿了divs和span標簽，這些標簽由class標識，其中包含我需要其他格式的大量數據。 我想知道用javascript做到這一點的最佳方法是什么。

感謝您的幫助。

Answer 1

最快的方法？ jQuery的 ：

$(".myClass").each(function() {
    // work with your data here
});

Answer 2

更底層，但應該更快（開銷更少）：

var myelements = document.evaluate('//div[@class=myClass"]', document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
for (var i = 0; i < myelements.snapshotLength; i++) {
  var dataElement = myelements.snapshotItem(i);
  // work with your data here
}

（好吧，您必須做兩次（一次用於div，一次用於跨度），它包含更多的代碼，雖然看起來不太好，但是應該還是更快一些）

Answer 3

如果要獲取具有特定類的所有文檔，則需要測試每個對象上是否存在該類。 您將要使用

document.getElementByTagName("*") // This should select everything

並遍歷它們以檢測專有名稱。

if (regex test == true) {
    // you found an element that matches
    // do what you will with it.
} 

如果找到所需的元素，請對它們進行操作。 現在，您已經處理了頁面上的所有元素，並找到了符合條件的元素。 祝好運。