jQuery 없이 HTML 문자열에서 DOM 요소를 어떻게 만들 수 있나요?
- DDD원래의
- 2024-12-24 09:20:25728검색
HTML 문자열에서 DOM 요소 생성
jQuery는 HTML 문자열에서 DOM 요소를 생성하는 편리한 메커니즘을 제공하지만 이 기능도 구현할 수 있습니다. 내장된 DOM 메소드를 사용하거나 Prototype 라이브러리를 통해.
DOM 방법
이전 브라우저와 node/jsdom(작성 당시 HTML 요소를 지원하지 않음)의 경우 다음 방법을 사용할 수 있습니다.
function createElementFromHTML(htmlString) {
var div = document.createElement('div');
div.innerHTML = htmlString.trim();
// Change this to div.childNodes to support multiple top-level nodes.
return div.firstChild;
}
이 방법은 법적으로
의 하위 요소가 될 수 없는 일부 요소에는 작동하지 않는다는 점에 유의하는 것이 중요합니다. s.
프로토타입 라이브러리
또는 프로토타입 라이브러리는 update() 메소드를 통해 HTML 문자열에서 요소를 생성하기 위한 내장 메소드를 제공합니다. 예는 다음과 같습니다.
var element = $(document.createElement('li')).update('<li>text</li>');
사용 사례
내장된 DOM 메서드와 Prototype 라이브러리는 특히 HTML 문자열에서 DOM 요소를 생성하는 안정적인 방법을 제공합니다. 이전 브라우저 또는 jQuery가 활용되지 않는 시나리오에서. 이러한 방법은 HTML 마크업을 기반으로 DOM 콘텐츠를 동적으로 생성하기 위한 유연하고 강력한 접근 방식을 제공합니다.
위 내용은 jQuery 없이 HTML 문자열에서 DOM 요소를 어떻게 만들 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.