星期三, 八月 22, 2007
Javascript 設定 getElementById 屬性的方法
紀錄 Javascript 設定 getElementById 的方法, 和 Style 有哪些屬性可以設定.(暫不討論 Framework 的寫法, 不過 style 能設的屬性是都一樣的. XD)
document.getElementById('NAME') 裡面的 NAME 就是 html tag 的 id="NAME". ex: <div id="choose">test</div>, 用 document.getElementById('choose').innerHTML 就可以抓到 test.
修改 Id 的 Html Tag 的值
要修改 <div id="choose">test</div> 的值, 要用下述方法:
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 至於 <body> 的最後面.(HTML 都已經產生出來, 才不會有 js error)
其它
回 鳥毅
我剛剛又重新寫一次, 確實是可以的.
那可能是我之前測試有打錯字或怎麼樣吧. XD
已經改正錯誤, 感謝大師指點. Orz..
Comment by
Tsung
(08/22/2007 23:02)
發表迴響
PS: 若無法留言, 請先確認是否有打開 JavaScript, 造成您的困擾, 實在萬分對不起 Orz...(如果無法留言, 勞煩可以發信給我好嗎? 謝謝.)
PS2: 若您的留言被誤判, 我都會再自行看過, 不需要一直重覆張貼~
PS2: 若您的留言被誤判, 我都會再自行看過, 不需要一直重覆張貼~
