将javascript字符串转换为html对象

Question

我可以将字符串转换为html对象吗？喜欢:

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

所以我以后可以通过id获取它并做一些改变它的风格

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

丽娜,提前100万

Answer 1

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

Answer 2

你不能只使用方法,除非你使用像jquery这样的javascript框架支持它.

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

但仍然,它不会被发现getElementById因为为了工作元素必须在DOM ...只是在内存中创建不会将其插入到dom中.

您可能需要使用append或appendTo或after等..把它在DOM第一..

当然,所有这些都可以通过常规的javascript来完成,但是需要更多的步骤才能完成相同的事情......并且两种情况下的逻辑都相同.

Answer 3

有同样的问题.我使用了这样一个肮脏的技巧:

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

现在,您可以按自己喜欢的方式添加样式:

htmlObject.style.marginTop = something;

Answer 4

除了Gaby aka的方法外，我们还可以htmlObject通过这种方式在其中找到元素-

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

小提琴在这里可用-http: //jsfiddle.net/ashwyn/76gL3/