如何將動態樣式屬性設置爲對象屬性

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，爲什麼不使用它來更改顯示屬性？

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

或

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

所以你並不真正需要使用：

mainDiv.innerHTML