JS如何干預html標簽的屬性

小編給大家分享一下JS如何干預html標簽的屬性，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

以下是一段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標簽的屬性”有了一定的了解，如果想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！