Ayrıştırma JS ile HTML bir Dize

SORU

14 Mayıs 2012, PAZARTESİ

Ayrıştırma JS ile HTML bir Dize

Bir çözüm aradım ama alakalı bir şey oldu, bu yüzden burada benim sorunum:

HTML metni içeren bir Dize ayrıştırmak istiyorum. JavaScript dilinde yapmak istiyorum. Bu kütüphane çalıştım: http://ejohn.org/blog/pure-javascript-html-parser/ ama benim şu anki sayfa, bir Dize değil, HTML ayrıştırmak gibi görünüyor. Aşağıdaki kodu denediğimde sayfa benim: Başlığı değiştirir çünkü

var parser = new HTMLtoDOM("<html><head><title>titleTest</title></head><body><a href='test0'>test01</a><a href='test1'>test02</a><a href='test2'>test03</a></body></html>", document);

Amacım sadece bir Dize gibi okuduğum HTML harici bir sayfadan bağlantıları ayıklamak için.

Bunu yapmak için bir API biliyor musunuz ?

CEVAP

14 Mayıs 2012, PAZARTESİ

Kukla bir DOM öğesi oluşturmak ve dize ekleyin. O zaman, herhangi bir DOM öğesi gibi işleyebilirsiniz.

var el = document.createElement( 'html' );
el.innerHTML = "<html><head><title>titleTest</title></head><body><a href='test0'>test01</a><a href='test1'>test02</a><a href='test2'>test03</a></body></html>";

el.getElementsByTagName( 'a' ); // Live NodeList of your anchor elements

Edit: ekleme bir WordPress kullanmak bir cevap hayranları lütfen!

var el = $( '<div></div>' );
el.html("<html><head><title>titleTest</title></head><body><a href='test0'>test01</a><a href='test1'>test02</a><a href='test2'>test03</a></body></html>");

$('a', el) // All the anchor elements

Bunu Paylaş: