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 可以設定?

PS: 要測試請將 javascript 至於 <body> 的最後面.(HTML 都已經產生出來, 才不會有 js error) 

其它

 


關於 Tsung

對新奇的事物都很有興趣, 喜歡簡單的東西, 過簡單的生活.
本篇發表於 Programming 並標籤為 。將永久鏈結加入書籤。

Javascript 設定 getElementById 屬性的方法 有 11 則回應

  1. 鳥毅 說道:

    document.getElementById('choose').innerHTML = 'book';
    應該是可以的

  2. Tsung 說道:

    我剛剛又重新寫一次, 確實是可以的.
    那可能是我之前測試有打錯字或怎麼樣吧. XD
    已經改正錯誤, 感謝大師指點. Orz..

  3. 青果子 說道:

    function check() {
    var MsgValue = document.getElementById("HiddenLang").Value; // 會停在這一行,出現error msg 『Microsoft JScript 執行階段錯誤,此處需要物件』
    alert(MsgValue);
    }
    -----------------------------------
    ...(略)

  4. 青果子 說道:

    function check() {
    var MsgValue = document.getElementById("HiddenLang").Value; //錯在這一行
    alert(MsgValue);
    }
    ...
    ...

  5. Tsung 說道:

    你的寫法錯誤, ID 沒有 value 值.

  6. aaa 說道:

    如何用pho 去拿取javascript 的值儲存在mysql中

  7. Tsung 說道:

    自己用 php 去模擬 javascript 的運算, 然後就可以知道值如何了.

  8. Weien 說道:

    我想替換某個字,但始終不成功
    »
    var nav = document.getElementById('nav');
    nav.innerHTML.replace(/»/g, " ");
    如何把 nav 裏頭的 » 替換成空值呢?
    還請老師不吝指教,謝謝!!

  9. Tsung 說道:

    var nav = document.getElementById("nav");
    nav.innerHTML = nav.innerHTML.replace(/»/g, "");
    就可以了. 😛

  10. sidra 說道:

    您好 我用dreamweaver跑下面這段程式 但是不知道為什麼結果一直test而不是book
    是哪裡出錯了嗎?
    懇請賜教~.~

    無標題文件

    document.getElementById('choose').innerHTML = 'book';

    test

發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料