Как получить данные HTML с javascript

Question

У меня есть веб-страница HTML, полная тегов div и span, идентифицированных с классом, у которых есть много данных, которые мне нужны в другом формате. Мне было интересно, что будет лучшим способом сделать это с помощью 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 
} 

(ок, вам придется сделать это дважды (один раз для ДИВ и один раз для span), это больше кода и выглядит не так хорошо, но он все равно должен быть быстрее)

Answer 3

Если вы хотите получить все документы с определенным классом, вам нужно будет проверить наличие этот класс для каждого объекта. Вы должны использовать

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

и проведите через них, чтобы определить собственное имя.

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

Если вы найдете элементы, которые вам нужны, то с ними вам нужно. Теперь вы обработали все элементы на странице и нашли элементы, соответствующие вашим критериям. Удачи.