HTML Parsing с использованием javaScript

Question

Я пытаюсь получить синтаксический анализ HTML-документа.

это HTML:

<h1> 
<span class="memName fn" itemprop="name">Ankur Arora</span> 
<span class="display-none" itemprop="image">http://photos1.meetupstatic.com/photos/member/3/8/f/8/member_249974584.jpeg</span> 
<span class="display-none" itemprop="url">http://www.meetup.com/Meetup-API-Testing/members/191523682/</span> 
</h1> 

Мне нужно, чтобы получить изображение и имя.

Стараюсь этот код:

var name = document.querySelector("memName fn").name; 

Любой человек может мне помочь? Я новичок в JavaScript ...

Благодарности

Answer 1

Чтобы получить внутренний текст, вы можете использовать функцию text(), как это:

HTML:

<span class="memName fn">Ankur Arora</span> 

Jquery:

var memName = $(".memName").text(); 
console.log(memName); // Via console log 
alert(memName); // Alert it 

Answer 2

Это легко с jQuery. Просто включите его на странице:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 

Затем используйте .text() или .html() извлечь содержимое span -элементов

var pictureLink = $("span[itemprop='image']").text(); 
//.html() also gets the html-elements inside 
var name = $("span[itemprop='name']").html(); 

https://jsfiddle.net/bh9mebru/

Answer 3

Вы также можете использовать innerHTML, чтобы получить текст.

<span id="memId" class="memName fn">Ankur Arora</span> 

document.getElementsByClassName («memName») - Это даст список элементов, имеющих класс «memName»

Чтобы получить внутренний текст первого элемента использовать document.getElementsByClassName('memName')[0].innerHTML

или доступ по идентификатору ,

document.getElementById('memId').innerHTML