首頁 > 網際網路

怎麼給span標籤賦值

2019-12-11 12:09:45

在html網頁開發中,我們有時會使用span來顯示一些文字資訊,當頁面載入完,想動態改變span標籤顯示的值時,我們可以使用js指令碼來完成,下面具體來看一下怎麼操作。

1

首先我們html程式碼裡,先為span標籤新增一個id,

html裡的按鈕控制元件是方便我們點選為span標籤賦值的。


2

新增一個js方法function,在方法裡,先用document.getElementById方法來得到span標籤,傳入的引數就是span的id。


3

得到span控制元件後,我們就可以通過更改這個控制元件的innerHTML屬性,來為其賦值了,我們把值改成‘百度知道’


4

開啟頁面,可以看到span現在顯示的值是‘百度經驗’


5

我們點選旁邊的按鈕,就可以看到span的值立即修改了,現在變成‘百度知道’了。


6

上面使用的js原生的屬性方法,我們還可以使用jquery來更方便的修改它的值,先參照jquery指令碼檔案。


7

然後把之前的JS程式碼改成: $("#spJY").html('百度搜尋');

一句程式碼就可以了,程式碼裡也是通過span的id,來得到這個控制元件,然後呼叫的是html()這個方法,把需要修改的值傳進去就行了。


8

我們再次重新整理頁面,點選按鈕,可以得到span裡顯示的新的值。



IT145.com E-mail:sddin#qq.com