網頁標題: 設定 getElementById 的方法, 和 Style 有哪些屬性可以設定.(暫不討論 Framework 的寫
 



紀錄 Javascript 設定 getElementById 的方法, 和 Style 有哪些屬性可以設定.(暫不討論 Framework 的寫法, 不過 style 能設的屬性是都一樣的. XD)


document.getElementById('NAME') 裡面的 NAME 就是 html tag 的 id="NAME". ex:
test
, 用 document.getElementById('choose').innerHTML 就可以抓到 test.

修改 Id 的 Html Tag 的值
要修改
test
的值, 要用下述方法:
var choose = document.getElementById('choose');
choose.innerHTML = 'book'; // 這樣子頁面上的 test 就會被改成 book 了.
// 或 document.getElementById('choose').innerHTML = 'book';

設定 Id 的 HTML Tag Style 屬性
設定屬性的做法是

document.getElementById('ID名稱').style.屬性 = '設定值';

ex:
document.getElementById('choose').style.fontWeight = 'bold'; 
document.getElementById('choose').style.color = '#448ECC';

有哪些 Style 可以設定?
參考 HTML DOM Style: HTML DOM Style Object
PS: 要測試請將 javascript 至於 的最後面.(HTML 都已經產生出來, 才不會有 js error)
其它
如何取得一個沒有ID的物件
取得 HTML 中的元素






回 · javascript 字串處理方式 這一篇文章封面


本文張貼者:校校鴿〔張貼時間:民國100年7月15日(星期五)15點22分〕 | 寫信給校校鴿

部落格首頁


學習的故鄉首頁
本站公告:〔您越需要我們,我們就越有創意〕 本站說明書:〔發現故鄉還有改進的地方,請來信告訴原丁們〕
觀察應用學習點數 :〔咱的故鄉有您的參與,會使我們有更大的發揮空間,展現更豐富精彩的學習畫面〕 〔期待藉由無障礙網頁設計,能讓視障小朋友更愛看書、更愛寫作且更愛學習〕:盲用電腦「心得分享」
〔為了讓我們有乾淨的學習環境,請勿任意在本站散播商業廣告與不合法文件或聯結〕:本站宣示