eine JavaScript-Zeichenfolge in ein HTML-Objekt konvertieren

Question

kann ich eine Zeichenfolge in ein HTML-Objekt konvertieren? wie:

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

, so dass ich später es von id bekommen und einige Wechsel in seinem Stil

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

Thanx eine Million im Voraus zu tun, Lina

Answer 1

Sie es nicht tun können, mit nur Methode, wenn Sie einige Javascript-Frameworks wie jQuery verwenden, die es unterstützt ..

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

aber immer noch, es würde nicht von der getElementById gefunden werden, denn dafür muss das Element im DOM sein ... nur im Speicher erstellen, fügt es nicht in das Dom.

Sie müßten append oder appendTo oder after usw. verwenden .. es in dem dom ersten Stelle zu setzen ..

Of'course all diese durch regelmäßige Javascript getan werden kann, aber es wäre mehr Schritte unternehmen, um das zu erreichen, gleich ... und die Logik ist das gleiche in beiden Fällen ..

Answer 2

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

Answer 3

Neben Gaby aka Methode, wir Elemente innerhalb htmlObject auf diese Weise finden können -

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

Fiddle finden Sie hier - http://jsfiddle.net/ashwyn/76gL3/

Answer 4

Wenn der Browser, den Sie ist Mozilla (Addon-Entwicklung) (nicht sicher, Chrom) zu verwenden, planen Sie die folgende Methode in Javascript Hoffnung

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")); 
}; 

verwenden können das hilft

Answer 5

Hatte das gleiche Problem. Ich benutzte einen schmutzigen Trick wie so:

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

Jetzt können Sie Stile, die Art und Weise hinzufügen, die Sie mögen:

htmlObject.style.marginTop = something;