element：特徵五頁

特徵一頁 | 二頁 | 三頁 | 四頁 | 五頁
方法一頁 | 二頁 | 三頁 | 四頁 | 五頁 | 六頁 | 七頁 | 八頁
操控器一頁 | 二頁 | 成員表

element 的特徵

spellcheck

控制拼字檢查。設為 true 會作拼字檢查，反之為 false。限 Firefox 使用。 <span id='jolin' spellcheck=true > 蔡依林</span><p> <script type='text/javascript'> document.write( document.getElementById('jolin').spellcheck ); </script>

style

存放元素的 STYLE 屬性的物件。可經由此物件，讀取元素上設定的風格表；也可以動態改變風格表。

style 物件的特徵其命名法：例如 CSS 中的特徵名稱是 text-decoration，則 style 物件的特徵名稱是 textDecoration；拿掉”-”，將第二個字的第一個字母改為大寫。在 HTML 或 CSS 中，大小寫字母視為相同；在 javascript 中，大小寫字母不相同。

此處列出常用的 style 物件的特徵：background, backgroundColor, border, borderColor, borderLeftColor, color, cursor, fontSize, fontWeight, height, left, overflow, overflowX, position, tableLayout, textAlign, textDecoration, top, verticalAlign, width, wordSpacing。

style 物件的特徵很多，後面再談。 <span id='wu' style='color:green'>吳宗憲</span><p> <script type='text/javascript'> function chgColor() { var o=document.getElementById('wu') alert( o.style +' : '+ o.style.color ); o.style.color='red'; } </script> <a href='javascript:chgColor()'>點此改變顏色</a>

tabIndex

讀取或設定元素的 TABINDEX 屬性。 <input tabindex=3 id='tbx' size=12 /><p> <script type='text/javascript'> document.write( document.getElementById('tbx').tabIndex ); </script>

tagName

存放元素的標籤名稱。 <script type='text/javascript'> document.write( document.getElementById('tbx').tagName ); </script>

textContent

innerText

讀取或設定元素區的文字內容。IE 用 innerText；Firefox 用 textContent；Safari, Chrome 兩個都可以用。 <span id='tx'>你好嗎？</span><p> <script type='text/javascript'> function setText() { var o=document.getElementById('tx'); if( o.textContent == undefined ) { alert( o.innerText ); o.innerText='我很好'; } else { alert( o.textContent ); o.textContent='我很好'; } o.style.color='red'; } </script> <a href='javascript:setText()'>點此改變文字</a>

title

存放元素的 TITLE 屬性。 <span id='ttl' title='我很好'>你好嗎？</span><p> <script type='text/javascript'> document.write( document.getElementById('ttl').title ); </script>