js移除css样式文件

JavaScript020

js移除css样式文件,第1张

需求不是很明确，要是移除link进来的css文件的话。那就是先找到所有link标签，然后依次移除，代码如下：

var links = document.querySelectorAll('link')

for(var i in links){

links[i].parentNode.removeChild(links[i])

}

1、如果使用class加的样式的话，可以使用document.getElementById("objid").className=""来清空样式；

2、如果是直接加的style="***"属性的话，可以使用document.getElementById("box").style.cssText = ""来清空样式。

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html charset=utf-8" />

<title>demo</title>

<style type="text/css">

    *{margin:0padding:0}

    .box{width:300pxheight:30pxbackground:#da251a}

    .click1{width:120pxheight:30pxline-height:30pxtext-align:centercolor:#fffbackground:#000margin-bottom:10px cursor:pointer}

    .click2{width:120pxheight:30pxline-height:30pxtext-align:centercolor:#fffbackground:#000cursor:pointer}

</style>

<script type="text/javascript" src="jquery-1.8.2.min.js"></script>

<script type="text/javascript">

    $(function(){

        $(".click1").click(function(){

            var bHeight=$(".box").height()

            bHeight+=30

            $(".box").css("height",bHeight)

        })

        $(".click2").click(function(){

            var bHeight=$(".box").height()

            bHeight-=30

            $(".box").css("height",bHeight)

        })

    })

</script>

</head>

<body>

<div class="click1">增加</div>

<div class="click2">减少</div>

<div class="box"></div>

</body>

</html>

自己把对应的jq库文件引入下即可。

写的不好，请谅解！