javascript DOMParser 문자열이 아닌 문서를 구문 분석합니다.

Question

웹 및 StackOverflow를 검색했지만 가지고있는 문제와 비슷한 것을 찾지 못했습니다. 나는 그것을 구문 분석하려고

var txtBoxForm = '<script src="http://ADDRESS"></script><noscript><a href="http://ADDRESS" target="_blank"><img src="http://ADDRESS" border=0 width=728 height=90></a></noscript>'; 

:

나는 울부 짖는 HTML 문자열을

parser = new DOMParser() 
xmlDoc = parser.parseFromString(txtBoxForm, "text/xml"); 
alert(xmlDoc); 
alert(xmlDoc.firstChild.nodeName); 
alert(xmlDoc.firstChild.firstChild.nodeName); 
alert(xmlDoc.firstChild.firstChild.firstChild.nodeName); 
alert(xmlDoc.firstChild.firstChild.firstChild.firstChild.nodeName); 

문제가

그 문자열은 태그로 시작하고 자식 노드가 없더라도 , 나는 경고에서 벨로우즈 반환을 얻는다 :

alert(xmlDoc); -> [Object document] 
alert(xmlDoc.firstChild.nodeName); -> html 
alert(xmlDoc.firstChild.firstChild.nodeName); -> body 
alert(xmlDoc.firstChild.firstChild.firstChild.nodeName); -> parseerror 
alert(xmlDoc.firstChild.firstChild.firstChild.firstChild.nodeName); -> h3 

그래서 내 질문은 :

1. 문자열은 구문 분석 코드가 <script>으로 시작하지 않으므로 어떻게 되나요?
2. 내가 잘못하고 있니?
3. 어떻게하면 해당 문자열 코드를 올바르게 구문 분석 할 수 있습니까? 내 의도는 스크립트 및 img 태그에서 src를 캡처하는 것입니다.

도와주세요. 감사합니다. .

Answer 1

스크립트 태그를 DOMParser에 전달할 수없는 것 같습니다. 몇 가지 다른 문제가있었습니다.

• 하는 XML 문서는 하나의 루트 엘리먼트를 가져야한다 (나는 <doc></doc>와 코드를 포장)
• 스크립트가 허용되지 않습니다 당신은 당신의 속성을 인용한다
• (나는 <scripto>로 변경)

http://jsfiddle.net/mendesjuan/aVQaP/4/

var txtBoxForm = 
    '<doc>'+ 
    '<scripto src="http://ADDRESS"></scripto>'+ 
    '<noscript>' + 
     '<a href="http://ADDRESS" target="_blank">'+ 
     '<img src="http://ADDRESS" border="0" width="728" height="90" />'+ 
     '</a></noscript></doc>'; 

var parser = new DOMParser(); 
var xmlDoc = parser.parseFromString(txtBoxForm, "text/xml"); 

// outputs http://ADDRESS 
console.log(xmlDoc.getElementsByTagName("scripto")[0].getAttribute("src")); 
// outputs http://ADDRESS 
console.log(xmlDoc.getElementsByTagName("img")[0].getAttribute("src"));​ 

Answer 2

구문 분석하려는 문자열의 형식이 잘못되었습니다. 예를 들어 간단한 문자열로 스크립트를 실행하면 '<div><p>test</p></div>', 예상대로 요소를 구문 분석하고 있습니다. 내가 믿고있어

는 보안 정책이 스크립트로드 조작 등을 방지하기 위해, 같은 스크립트 태그를 잡아 허용하지 않는 대신 정규식을 사용에 관한

, 아래 당신의 src 값을 제공 예상대로 문자열에서 두 속성 모두 가져옵니다.

<script type ="text/javascript" language="javascript"> 
<!-- 
var txtBoxForm = '<div><script src="http://ADDRESS"></script><noscript><a href="http://ADDRESS" target="_blank"><img src="http://ADDRESS" border=0 width=728 height=90></a></noscript></div>'; 
var exp = /src="([^"]*)"/i; 
console.log(exp.exec(txtBoxForm)); 

--> 
</script>