javascript 문자열을 html 객체로 변환

javascript 문자열을 html 객체로 변환

---

이 질문에 이미 답변이 있습니다.

• 내장 DOM 메서드 또는 Prototype 22 답변을 사용하여 HTML 문자열에서 새 DOM 요소 만들기

문자열을 html 객체로 변환 할 수 있습니까? 처럼:

string s = '<div id="myDiv"></div>';
var htmlObject = s.toHtmlObject;

나중에 이드로 가져 와서 스타일을 변경할 수 있도록

var ho = document.getElementById("myDiv").style.marginTop = something;

미리 고맙습니다, Lina

---

이를 지원하는 jquery와 같은 자바 스크립트 프레임 워크를 사용하지 않는 한, 메소드만으로는 할 수 없습니다.

string s = '<div id="myDiv"></div>'
var htmlObject = $(s); // jquery call

그러나 여전히 getElementById작동하려면 요소가 DOM에 있어야하기 때문에 찾을 수 없습니다 . 메모리에서 생성하는 것만으로는 DOM에 삽입하지 않습니다.

당신은 사용해야 append하거나 appendTo또는 after먼저 DOM에 넣어 등을 ..

물론 이러한 모든 작업은 일반 자바 스크립트를 통해 수행 할 수 있지만 동일한 작업을 수행하려면 더 많은 단계를 거쳐야합니다. 논리는 두 경우 모두 동일합니다.

---

var s = '<div id="myDiv"></div>';
var htmlObject = document.createElement('div');
htmlObject.innerHTML = s;
htmlObject.getElementById("myDiv").style.marginTop = something;

---

같은 문제가있었습니다. 나는 다음과 같은 더러운 속임수를 사용했습니다.

var s = '<div id="myDiv"></div>';
var temp = document.createElement('div');
temp.innerHTML = s;
var htmlObject = temp.firstChild;

이제 원하는 방식으로 스타일을 추가 할 수 있습니다.

htmlObject.style.marginTop = something;

---

Gaby aka의 방법 외에도 다음 htmlObject과 같이 내부 요소를 찾을 수 있습니다.

htmlObj.find("#box").html();

Fiddle은 여기에서 사용할 수 있습니다-http: //jsfiddle.net/ashwyn/76gL3/

---

사용하려는 브라우저가 Mozilla (Addon 개발) (Chrome 확실하지 않음) 인 경우 Javascript에서 다음 방법을 사용할 수 있습니다.

function DOM( string )
{
    var {Cc, Ci} = require("chrome");
    var parser = Cc["@mozilla.org/xmlextras/domparser;1"].createInstance(Ci.nsIDOMParser);
    console.log("PARSING OF DOM COMPLETED ...");
    return (parser.parseFromString(string, "text/html"));
};

도움이 되었기를 바랍니다

참고 URL : https://stackoverflow.com/questions/2522422/converting-a-javascript-string-to-a-html-object