-任何標簽的任何屬性都可以修改！

-HTML里是怎么寫， JS就怎么寫

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

<link id="l1" rel="stylesheet" type="text/css" href="css1.css" rel="external nofollow" /><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="皮膚1" onclick="skin1()" /><input type="button" value="皮膚2" onclick="skin2()" />

原理：

1.更改皮膚樣式是通過<link> 鏈接 css文件達成的

2.href = 'XXX' 是決定皮膚引用的鏈接文件是這個還是那個.

3. 更改 href 這個動態的變化是通過:

1. 事件觸發 'skin1' 'skin2'

2. skin1 或2 更改當前href = 的值

我們在變更css的時候不是變更css樣式數據本身, 而是變更引用數據.

在今后的編程里面思維, 變更意味著1. 變更源碼, 2. 變更引用.

css+JS代碼步驟：

1.確認變更 類型, 是' 引用'還是' 源碼'. 如果是一般采取外部引用的css, 多數以變更引用

2. 安插id 或者class 到更改區域

3.直接用script函數干預id 的 '引用'或是'源碼' css 一般用href去引用

4. 想象并決定用哪個事件 (參考下表)

5.賦值觸發script 函數.事件屬性(某個html下的標簽),

以下是一段JS作用于標簽的事件屬性的代碼

一個例子：

這是更改源碼的類型

找到源碼區域 input, 幫input區域加一個id

想象一個叫onclick的事件, 當鼠標移上去id源碼就要改變

建立script 函數, 更變更'.title'并賦值

賦值觸發script 函數.事件屬性(input type=button)

<script>function setText(){  var oTxt=document.getElementById('txt1');    oTxt.title='abcddfdasfe';}</script> <input id="txt1" type="text" /><input type="button" value="改文字" onclick="setText()" />

以上這篇淺談JS對html標簽的屬性的干預以及對CSS樣式表屬性的干預就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。