js動態往head中添加或刪除style節點

<script>
//添加
var style = document.createElement('style'); 
style.type = 'text/css'; 
style.id = 'add-style-id';
style.innerHTML='body{ background-color:#ddd; }'; 
document.getElementsByTagName('head').item(0).appendChild(style);

//刪除
setTimeout(function(){
document.getElementsByTagName('head').item(0).removeChild(document.getElementById('add-style-id'))
},5000)

//不支持低版本IE
</script>
相關文章
相關標籤/搜索