convirtiendo una cadena de javascript en un objeto html

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

de modo que pueda posteriormente conseguirlo por id y hacer algún cambio en su estilo

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

Gracias un millón de antemano, Lina

Fuente

2010-03-26 Lina

Usted no puede hacerlo con solo el método, a menos que use algún marco de JavaScript como jquery que lo admita ...

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

pero aún así, no se encontró en el getElementById porque para que funcione el elemento debe estar en el DOM ... solo al crear en la memoria no se inserta en el dom.

Usted tendría que utilizar append o appendTo o after etc .. para ponerlo en la primera dom ..

Of'course todos estos se puede hacer a través de JavaScript regular, pero se necesitaría más pasos para lograr la lo mismo ... y la lógica es la misma en ambos casos ..

Fuente

2010-03-26 10:23:28

+20

jQuery es fresco pero es solamente JavaScript –

acercamiento agradable :) así que puede escribir $ (s) .css ("margen superior") para obtener el margen superior y luego modificarlo y escribirlo en la página ... ME ENCANTA esta respuesta: D – Lina

me alegra que te guste Lina :) Creo que ese tamaño/properties no sería getable antes de insertarlo en el DOM ... Tiene sentido, porque un elemento estaría influenciado por el lugar en el DOM en el que se inserta ted .. pero la referencia al objeto sigue siendo válida, así que una vez que lo insertes en el DOM puedes consultar sus propiedades de tamaño como ancho/alto/márgenes, etc. –

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

Fuente

2010-03-26 10:25:49 pawel

Sí, o simplemente 'htmlObject.firstChild' ya que sabes eso donde siempre estará – bobince

Esto no es exactamente correcto, porque no puede llamar a getElementById en la instancia de htmlObject creada. – apocalypz

podría agregar el htmlObject a un fragmento de documento para usar getElementById, como 'var fragment = document.createDocumentFragment(); fragment.appendChild (htmlObject); fragment.getElementById ("myDiv"). style.marginTop = algo; ' –

Además de Gaby método de alias, podemos encontrar elementos dentro htmlObject de esta manera -

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

violín está disponible aquí - http://jsfiddle.net/ashwyn/76gL3/

Fuente

2012-06-27 06:30:35 Ashwin

Si el navegador que está planeando utilizar es Mozilla (desarrollo Addon) (no estoy seguro de cromo), puede utilizar el siguiente método en 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")); 
};

Esperanza esto ayuda a

Fuente

2013-04-02 06:09:33 Prasad

Tenía el mismo problema. He utilizado un truco sucio, así:

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

Ahora, puede agregar estilos a su gusto:

htmlObject.style.marginTop = something;

Fuente

2014-05-16 22:47:00 crownlessking

convirtiendo una cadena de javascript en un objeto html

Respuesta

Cuestiones relacionadas