方法一頁 | 二頁 | 三頁 | 四頁 | 五頁 | 六頁 | 七頁 | 八頁
操控器一頁 | 二頁 | 成員表
控制拼字檢查。設為 true 會作拼字檢查，反之為 false。限 Firefox 使用。
- 程式用法：
<span id='jolin' spellcheck=true >
蔡依林</span><p>
<script type='text/javascript'>
document.write(
document.getElementById('jolin').spellcheck );
</script> - 執行結果：
蔡依林
true
存放元素的 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 屬性。
- 程式用法：
<input tabindex=3 id='tbx' size=12 /><p>
<script type='text/javascript'>
document.write(
document.getElementById('tbx').tabIndex );
</script> - 執行結果：
3
存放元素的標籤名稱。
- 程式用法：
<script type='text/javascript'>
document.write(
document.getElementById('tbx').tagName );
</script> - 執行結果：
INPUT
讀取或設定元素區的文字內容。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 屬性。
- 程式用法：
<span id='ttl' title='我很好'>你好嗎？</span><p>
<script type='text/javascript'>
document.write(
document.getElementById('ttl').title );
</script> - 執行結果：
你好嗎？
我很好
