如何为对象属性设置动态样式属性

Question

无论如何我可以动态地为对象属性设置一个样式属性吗？我尝试了下面的代码并得到了一个错误。

var page = {showElement:'none'};

var markup='<div id="button"> </div><style>#button{display:'+page.showElement+';}</style>';

var mainDiv = document.getElementById('mainDiv');
    mainDiv.innerHTML = markup; 

Answer 1

您的div元素已有ID，为什么不使用它来更改显示属性？

function setTotal() {
 var jeans = parseInt(Cookies.get("jeans") || 0)
 var jeanJacket = parseInt(Cookies.get("jeanJacket") || 0)
 var belt = parseInt(Cookies.get("belt") || 0)

 Cookies.set("total", (jeans + jeanJacket + belt) || 0)
 $("#total").text(Cookies.get("total") || 0)
};

或

document.getElementById('button').style.diplay = 'none'; 

所以你真的不需要使用：

document.getElementById('button').style.diplay = page.showElement;