JavaScript에서 outerHTML을 사용하는 방법은 무엇입니까? 감사합니다JavaScript에서 outerHTML을 사용하는 방법?
답변
outerHTML은 요소 자체를 포함하는 요소의 HTML입니다. 이것을 요소 열기 및 닫기 태그 내에 포함 된 HTML의 innerHTML과 비교하십시오. 정의에 따라 여는 태그와 닫는 태그가없는 요소에는 innerHTML이 없습니다.
요소와 그 내용을 완전히 바꾸려면 outerHTML을 사용하십시오. 요소의 내용 만 바꾸려는 경우 innerHTML을 사용하십시오.
outerHTML
은 요소의 비표준 Internet Explorer 속성입니다. 요소의 html과 그 자식 요소를 반환합니다. 어떤 경우에는 요소를 html 문자열로 완전히 대체하도록 설정할 수 있습니다.
일 년 후 Chrome과 Safari에서도이 기능을 구현 한 것으로 보입니다. 그러나이 글을 쓰는 시점에서 Firefox는 지원하지 않습니다. –
[outerHTML] (https://developer.mozilla.org/en/DOM/element.outerHTML)에 대한 지원이 [Firefox 11] (https://developer.mozilla.org/en/Firefox_11_for_developers)에 추가되었습니다. –
아마도 jQuery와 그 prepend() 및 append() 함수를 살펴 봐야 할 것입니다.
http://api.jquery.com/prepend/
는 모든 브라우저에서 작동합니다. 또한 ,이 플러그인 :
http://yelotofu.com/2008/08/jquery-outerhtml/
얻기 및 설정 포함해야한다.
는 요소 내에 당신에게 내용을 얻을 것이다.
function getHTML(node){
if(!node || !node.tagName) return '';
if(node.outerHTML) return node.outerHTML;
// polyfill:
var wrapper = document.createElement('div');
wrapper.appendChild(node.cloneNode(true));
return wrapper.innerHTML;
}
흥미로운 아이디어. 그러나 outerHTML을 지원하지 않는 대부분의 브라우저는 HTMLElement에서 프로토 타이핑을 지원하기 때문에 가상으로 구현하기가 더 쉬울 까? – scunliffe
대부분의 인기있는 브라우저는 outerHTML을 지원합니다. Firefox는 예외입니다. outerHTML 브라우저 지원에 대한 자세한 내용은 http://www.quirksmode.org/dom/w3c_html.html을 참조하십시오.
페이지에 jQuery를 추가 할 수있는 경우 플러그인 jQuery outerHTML을 포함하는 것이 좋습니다.
- 1. javascript에서 hashmap을 사용하는 방법
- 2. javascript에서 setAttribute를 사용하는 방법
- 3. Javascript에서 replaceAll()을 사용하는 방법 .........................?
- 4. Javascript에서 JSF2 리소스를 가장 효과적으로 사용하는 방법
- 5. Javascript에서 .prototype을 사용하는 이유
- 6. jquery를 사용하여 outerHTML을 얻는 방법 크로스 브라우저를 사용하려면
- 7. JavaScript에서 클로저를 깨는 방법
- 8. javascript에서 usercontrol 제어하는 방법
- 9. Javascript에서 PDF를 편집하는 방법?
- 10. JavaScript에서 키보드 입력을받는 방법?
- 11. JavaScript에서 지연하는 방법
- 12. JavaScript에서 이미지를 표시하는 방법
- 13. Javascript에서 document.domain을 사용하는 동일한 출처 정책 해결 방법
- 14. JavaScript에서 linux 명령을 사용하는 방법은 무엇입니까?
- 15. JavaScript에서 상속을 구현하거나 사용하는 방법은 무엇입니까?
- 16. JavaScript에서 JSP 태그를 사용하는 방법은 무엇입니까?
- 17. JavaScript에서 for 루프를 사용하는 이상한 동작
- 18. JavaScript에서 특성을 사용하는 OOP의 좋은 예는 무엇입니까?
- 19. Javascript에서 Django for-loop를 사용하는 방법은 무엇입니까?
- 20. javascript에서 prototype 속성을 사용하는 것은 무엇입니까?
- 21. javascript에서 가로로 페이지를 인쇄하는 방법
- 22. javascript에서 actionscript 함수를 호출하는 방법
- 23. Javascript에서 XMPP 서버에 연결하는 방법
- 24. Javascript에서 ctrl + arrow를 처리하는 방법?
- 25. Javascript에서 이미지 본문을 얻는 방법?
- 26. asp에 액세스하는 방법 : Javascript에서 이미지?
- 27. javascript에서 dict을 구문 분석하는 방법
- 28. Javascript에서 Objective-C를 호출하는 방법?
- 29. JavaScript에서 비동기 함수를 차단하는 방법
- 30. javascript에서 라벨 요소를 만드는 방법
다음을 확인하십시오. http://stackoverflow.com/questions/2474605/how-to-convert-a-htmlelement-to-a-string –
[HTMLElement를 문자열로 변환하는 방법 ] (https://stackoverflow.com/questions/2474605/how-to-convert-a-htmlelement-to-a-string) – Graham