设置匿名对象的innerHTML

时间:2016-06-10 20:27:14

标签: javascript

我想设置innerHTML style元素Object.defineProperty,但document.body.appendChild( Object.defineProperty(document.createElement('style'), 'innerHTML', { value:'div{color:gainsboro;}' } ) ) 会覆盖原生setter,它会成为常用属性。 我知道我应该将它拆分为元素创建和属性赋值,但我感兴趣的是没有临时变量(即使在匿名块中)。

的javascript:

{{1}}

P.S。它不是生产代码,这个问题仅仅是为了好奇。

2 个答案:

答案 0 :(得分:3)

我想你想要https://github.com/react-materialize/react-materialize(ES 6):

var styleElement = Object.assign(
  document.createElement('style'), 
  {innerHTML: 'div{color:gainsboro;}'}
);

答案 1 :(得分:0)

您可以这样附加属性:

<html>
<body id="bdy">
<script>

document.getElementById("bdy").appendChild(document.createElement('style'));

document.getElementById("bdy").lastChild.innerHTML = 'div{color:gainsboro;}'
</script>


<div>
This is a div.
</div>
</body>
</html>

两个方法调用,但没有临时变量。