element：特徵一頁

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

在 HTML 文件中，每一個元素標籤都搭配一個元素物件。經由這個元素物件，我們可以動態的操縱 HTML 元素。普遍的方法是，在元素上設定 ID，然後撰寫 javascript 程式，使用 getElementById() 方法，取得指定元素物件的位址。進一步就可以動態的操縱 HTML 元素。

element 的特徵

attributes

存放元素所有設定的屬性。 <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>

baseURI

存放基本的 URI 字串。 <script type='text/javascript'> var o=document.getElementById('jolin'); document.write( o.baseURI ); </script>

• IE 無此項；Firefox, Safari, Chrome 執行成功。

className

讀取或設定元素的 CLASS 屬性字串。 <script type='text/javascript'> var o=document.getElementById('jolin'); document.write( o.className ); </script>

contentWindow

讀取元素的視窗物件。主要用在 FRAME 與 IFRAME 元素。請參見 範例。

dir

讀取或設定元素的文字方向。文字的方向可以用 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

讀取或設定元素的 ID 屬性字串。 <script type='text/javascript'> var o=document.getElementById('jolin'); document.write( o.id ); </script>

innerHTML

讀取或設定元素內的超文件內容字串。 <script type='text/javascript'> var o=document.getElementById('jolin'); document.write( o.innerHTML ); </script>

lang

讀取或設定元素內的 LANG 屬性字串。 <script type='text/javascript'> var o=document.getElementById('jolin'); document.write( o.lang ); </script>