//创建
var sheet=document.createElement('style');
document.bodt.appendChild(sheet);
sheet.styleSheet.cssText="div{border:2px solid black; background-color:blue;}";
//删除
var beRemoved=document.getElementById('styleSheetId');
var sheetParent=beRemoved.parentNode;//获取要删除样式的父类
sheetParent.removeChild(beRemoved);//用removeChild()从父类中删除样式
//用title区分内部和外部样式表
function getStyleSheet(unique_title){
for(var i=0;i<document.styleSheets.length;i++){
var sheet=document.styleSheets[i];
if(sheet.title==unique_title){
return sheet;
}
}
}
//通过disabled属性禁用CSS
function disableSheet(){
document.getElementById('disable_example').disabled=true;
}
function enableSheet(){
document.getElementById('disable_example').disabled=false;
}
相关文章
- HTML5,CSS3 与 Javascript 制作视频播放器
- 【HTML/CSS/JavaScript】网页设计实验二( 格式化文本、段落与列表)
- 【HTML/CSS/JavaScript】网页设计实验三(超链接与多媒体文件应用)
- 【HTML/CSS/JavaScript】网页设计实验四(DIV+CSS 综合运用 )
- HBuilderx修改主题色-为css属性名与值添加颜色,改变编辑器背景颜色等
- CSS修改鼠标悬停时title属性的展示样式
- css table 布局 与 JavaScript 指定区域打印功能
- JavaScript----JS下载文件重命名不生效即修改文件名不生效的解决办法
- 2022.1.2 IDEA热部署,html,css,javaScript自动编译
- 大二学生基于Html+Css+javascript的网页制作——动漫设计公司响应式网站模板 (10个页面) (1)