方法一頁 | 二頁 | 三頁 | 四頁 | 五頁 | 六頁 | 七頁 | 八頁
操控器一頁 | 二頁 | 成員表
在 HTML 文件中，每一個元素標籤都搭配一個元素物件。經由這個元素物件，我們可以動態的操縱 HTML 元素。普遍的方法是，在元素上設定 ID，然後撰寫 javascript 程式，使用 getElementById() 方法，取得指定元素物件的位址。進一步就可以動態的操縱 HTML 元素。
存放元素所有設定的屬性。
- 程式用法：
<div id='star'>
<span id='jolin' style='color:red'
class='歌星' lang='zh'>
蔡依林</span><br />
<span id='wu' style='color:green'
class='笑匠'>
吳宗憲</span><br />
</div>
<script type='text/javascript'>
var o=document.getElementById('jolin');
for( var i=0; i < o.attributes.length; i++ )
document.write( o.attributes[i].name +' = '+
o.attributes[i].value +'<br />' );
</script> - 執行結果：蔡依林id = jolin
吳宗憲
style = color:red
class = 歌星
lang = zh
存放基本的 URI 字串。
- 程式用法：
<script type='text/javascript'>
var o=document.getElementById('jolin');
document.write( o.baseURI );
</script> - 執行結果：
http://ant4js.blogspot.com/2009/01/elementpty1.html
- IE 無此項；Firefox, Safari, Chrome 執行成功。
讀取或設定元素的 CLASS 屬性字串。
- 程式用法：
<script type='text/javascript'>
var o=document.getElementById('jolin');
document.write( o.className );
</script> - 執行結果：
歌星
讀取元素的視窗物件。主要用在 FRAME 與 IFRAME 元素。請參見 範例。
讀取或設定元素的文字方向。文字的方向可以用 bdo 元素。
- 程式用法：
<bdo dir='rtl' id='roc'
style='color:red'>中華民國</bdo><p>
<script type='text/javascript'>
function revStr()
{
var o=document.getElementById('roc');
alert( o.dir );
o.dir='ltr';
}
</script>
<a href='javascript:revStr()'>
點此改變文字方向</a> - 執行結果：
中華民國
讀取或設定元素的 ID 屬性字串。
- 程式用法：
<script type='text/javascript'>
var o=document.getElementById('jolin');
document.write( o.id );
</script> - 執行結果：
jolin
讀取或設定元素內的超文件內容字串。
- 程式用法：
<script type='text/javascript'>
var o=document.getElementById('jolin');
document.write( o.innerHTML );
</script> - 執行結果：
蔡依林
讀取或設定元素內的 LANG 屬性字串。
- 程式用法：
<script type='text/javascript'>
var o=document.getElementById('jolin');
document.write( o.lang );
</script> - 執行結果：
zh
