HTML文字列とドキュメントのように対話しますか？

documentのようにHTML文字列と対話できるようにします。ような何か：HTML文字列とドキュメントのように対話しますか？

var html_string = '<!DOCTYPE html><html><head><title>Page Title</title></head><body><h1 id="id1" class="test test2">This is a Heading</h1><p id="id2" class="test">This is a paragraph.</p></body></html>' 
 

 
console.log(html_string.getElementById('id1')); 
 
console.log(html_string.getElementsByClassName('test')); 
 
console.log(html_string.querySelector('.test.test2'));

出典

2017-10-22 Booligoosh

あなたはネイティブDOMParserにしてHTML文字列を解析することができます

var html_string = '<!DOCTYPE html><html><head><title>Page Title</title></head><body><h1 id="id1" class="test test2">This is a Heading</h1><p id="id2" class="test">This is a paragraph.</p></body></html>' 
 

 
var doc = new DOMParser().parseFromString(html_string,"text/html") 
 
          
 
console.log(doc.getElementById('id1').innerHTML); 
 
console.log(doc.getElementsByClassName('test')[0].innerHTML ); 
 
console.log(doc.querySelector('.test.test2').innerHTML);

出典

2017-10-22 08:17:12

素晴らしい、ありがとう！私は明日upvote（私の限界に達した） – Booligoosh

私はうれしいhahahha :) –

しかし、私はあなただった...私はjquery＆コードを使用したより簡単に –

HTML文字列とドキュメントのように対話しますか？

答えて

関連する問題