Question

我想动态删除或停用＆lt; style＆gt; 标记

＆＃xA;＆＃xA;

看起来像这样

＆＃xA ;＆＃xA;

 ＆lt; style type =“text / css”id =“cssx / portal / simple-sidebar.css”designtr =“cssx / portal / simple-sidebar.css”＆gt;＆ #xA;＆＃xA;＆＃xA; #wrapper {＆＃xA; padding-left：0;＆＃xA; -webkit-transition：全部0.5s轻松;＆＃xA; -moz-transition：全部0.5s轻松;＆＃xA; -o-transition：全部0.5s轻松;＆＃xA;过渡：全部0.5秒轻松;＆＃xA;}＆＃xA;＆＃xA; #wrapper.toggled {＆＃xA; padding-left：250px;＆＃xA;}＆＃xA;＆＃xA; #sidebar-wrapper {＆＃xA; z-index：1000;＆＃xA;位置：固定;＆＃xA;左：250px;＆＃xA;宽度：0;＆＃xA;身高：100％;＆＃xA; margin-left：-250px;＆＃xA; overflow-y：auto;＆＃xA;背景：＃000;＆＃xA; -webkit-transition：全部0.5s轻松;＆＃xA; -moz-transition：全部0.5s轻松;＆＃xA; -o-transition：全部0.5s轻松;＆＃xA;转换：全部0.5秒轻松;＆＃xA;}＆＃xA;＆＃xA;＆lt; / style＆gt;＆＃xA;

＆＃xA;＆＃xA;

如果我拥有id或我自己定义的designtr属性，我似乎无法像这样禁用或删除它：

＆＃xA;＆＃xA;

  var id ='x';＆＃ XA; var designtr ='x';＆＃xA;＆＃xA; document.getElementById（id）.disabled = true; //不起作用，抛出一个错误，说元素为空＆＃xA; $（'style [designtr =“'+ designtr +'”]'）。remove（）; //不起作用，虽然奇怪的是没有抛出错误＆＃xA;

＆＃xA;＆＃xA;

我在某处读到即使HTML5样式标签也没有有效的ID属性。

＆＃xA;＆＃xA;

我想要做的就是删除或禁用样式标记，给出一些我手头的唯一ID。

＆＃xA;

Answer 1

像魅力一样：

＆＃13;

document.getElementById('remove').onclick = function () {
  document.getElementById('styl').remove();
};

＆＃13;

<div>Some Div Content</div>
<button id="remove">remove</button>
<style id="styl">div{background-color: red}</style>

＆＃13;

Answer 2

$(function() {
  $("[id$=css]").remove()
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<style type="text/css" id="cssx/portal/simple-sidebar.css" designtr="cssx/portal/simple-sidebar.css">


#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 250px;
}

#sidebar-wrapper {
    color:blue;
    z-index: 1000;
    position: fixed;
    left: 250px;
    width: 0;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
    background: #000;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

</style>
<div id="side-wrapper">abc</div>

按ID或属性查找<style>标记

2 个答案: