首页 > 代码库 > JS 对html标签的属性的干预以及JS 对CSS 样式表属性的干预

JS 对html标签的属性的干预以及JS 对CSS 样式表属性的干预

 

-任何标签的任何属性都可以修改!

-HTML里是怎么写, JS就怎么写

 

以下是一段js 作用于 css 的 href的 代码

 

<link id="l1" rel="stylesheet" type="text/css" href=http://www.mamicode.com/"css1.css" />

<script>

function skin1()

{

    var oL=document.getElementById(‘l1‘);

    

    oL.href=‘css1.css‘;

}

 

function skin2()

{

    var oL=document.getElementById(‘l1‘);

    

    oL.href=‘css2.css‘;

}

</script>

 

 

<input type="button" value=http://www.mamicode.com/"皮肤1" onclick="skin1()" />

<input type="button" value=http://www.mamicode.com/"皮肤2" onclick="skin2()" />

 

以下是一段JS作用于标签的事件属性的代码

 

<script>

function setText()

{

    var oTxt=document.getElementById(‘txt1‘);

    

    oTxt.title=‘abcddfdasfe‘;

}

</script>

 

<input id="txt1" type="text" />

<input type="button" value=http://www.mamicode.com/"改文字" onclick="setText()" />

JS 对html标签的属性的干预以及JS 对CSS 样式表属性的干预