我想创建 HTML 节点,然后应用 CSS 样式。使用简单的元素很容易:
$('<div>').css("color","red")
就我而言,我想插入一个更复杂的元素,例如:
<div id="foo">
<span class="bar"> foo </span>
<span class="baz"> bar </span>
</div>
使用 CSS:
#foo {
...
}
#foo .bar {
...
}
#foo .baz {
...
}
我不想为每个节点分别编写 HTML 代码和样式。我只想将 HTML 和整个 CSS 存储在两个字符串中,并使用这些字符串创建节点。理想情况下,是这样的:
html_blob = '<div> id="foo"> ... </div>'
css_blob = '#foo {... } ... #foo .baz {...}'
new_element = $(html_blob).apply_css_from_string(css_blob)
我使用Crossrider构建了一个扩展,我需要动态创建一个弹出窗口。