存取元素的屬性只需透過 attr() 方法即可,例如底下有一張圖片:

以下為圖片的構成標籤:
透過jQuery 取出標籤的width 屬性需要以下的語法:
img_width 儲存取得的圖片寬度,也就是 680 ,如果要重設width ,同樣透過 attr() 方法即可,語法如下:
經過這一行語法的設定,圖片寬度被修改為 260 ,圖片寬度從 680 縮減為 260 ,結果如下:

同樣的功能,JavaScript需要getAttribute()設定屬性,例如以下的語法:
以上這一行取出圖片的寬度,而重設寬度屬性則需引用另外一個設定方法setAttribute() :
其它的屬性透過相同的語法均能進行存取設定,而針對與樣式有關的 class ,則有專屬性的方法,下一篇作說明。

以下為圖片的構成標籤:
<img border="0" src="…/kangting_large_1020.jpg" width="680" />
透過jQuery 取出標籤的width 屬性需要以下的語法:
var img_width = $('#skyview').attr('width');
img_width 儲存取得的圖片寬度,也就是 680 ,如果要重設width ,同樣透過 attr() 方法即可,語法如下:
$('#skyview').attr('width', 260);
經過這一行語法的設定,圖片寬度被修改為 260 ,圖片寬度從 680 縮減為 260 ,結果如下:

同樣的功能,JavaScript需要getAttribute()設定屬性,例如以下的語法:
var img_width = document.getElementById('skyview').getAttribute('width');
以上這一行取出圖片的寬度,而重設寬度屬性則需引用另外一個設定方法setAttribute() :
document.getElementById('skyview').setAttribute('width', 260);
其它的屬性透過相同的語法均能進行存取設定,而針對與樣式有關的 class ,則有專屬性的方法,下一篇作說明。
沒有留言:
張貼留言