innerHTML 이미지 태그에서 닫는 슬래시 제거

Question

누군가 이상하게 도울 수 있습니다. 여기에 빠른 테스트 기능입니다 :

function test_function(){ 
    code = '<img src="http://www.myimage.com/img.jpg" alt="image" />'; 
    alert(code); 
    document.getElementById('test').innerHTML = code; 
    alert(document.getElementById('test').innerHTML); 
} 

위의 코드를 실행하는 첫 번째 경고에 /> 표시됩니다,하지만 두 번째 경고, 그냥 > 표시하지 않습니다. 따라서 .innerHTML에 적용하면 슬래시가 제거됩니다. 어떤 아이디어가 이런 일을 막을 수 있을까요? 검증을 위해 슬래시가 필요합니다.

Answer 1

두 번째 경고는 브라우저가 이미지 요소의 내부 표현으로 사용하는 것을 보여줍니다. 유효성 검사는 항상 페이지의 소스에 관한 것이므로 유효성 검사기는 DOM에 요소를 동적으로 추가하는 JavaScript를 실행하지 않으므로 유효성 검사에 슬래시가 필요하지 않습니다.

실제로 대부분의 브라우저는 내부적으로 XHTML을 HTML과 동일하게 처리하며 문서의 XML 표현이 아닙니다. MIME 유형이 application/xhtml+xml 인 XHTML 문서를 보낼 때만 브라우저 중 일부는 XML 파서를 사용하여 페이지를 렌더링합니다.

Ian Hickson의 article도 참조하십시오.