element：方法四頁

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

compareDocumentPosition	getAttribute	getAttributeNS
getAttributeNode	getAttributeNodeNS

element 的方法

compareDocumentPosition()

兩個元素物件作比較。其語法是：

元素結.compareDocumentPosition( 元素結二 )

比較結果是下列常數的組合：

DOCUMENT_POSITION_DISCONNECTED = 0x01; //不相連
DOCUMENT_POSITION_PRECEDING = 0x02;    //在前面
DOCUMENT_POSITION_FOLLOWING = 0x04;    //在後面
DOCUMENT_POSITION_CONTAINS = 0x08;     //包含
DOCUMENT_POSITION_IS_CONTAINED = 0x10; //被包含

<span id='game' style='color:red'>遊戲天堂</span> <div id='box'> <span id='fun' style='color:red'>好玩遊戲</span> <span id='small' style='color:red'>小遊戲</span> </div> <script type='text/javascript'> var fo=document.getElementById('fun') var so=document.getElementById('small') var go=document.getElementById('game') var bo=document.getElementById('box') document.write( go.compareDocumentPosition +'<br />'); document.write( go.compareDocumentPosition( fo ) +'<br />'+ so.compareDocumentPosition( fo ) +'<br />'+ fo.compareDocumentPosition( so ) +'<br />'+ bo.compareDocumentPosition( fo ) +'<br />'+ so.compareDocumentPosition( bo ) ); </script>

• 程式用法：

  <span id='game' style='color:red'>遊戲天堂</span>
  <div id='box'>
  <span id='fun' style='color:red'>好玩遊戲</span>
  <span id='small' style='color:red'>小遊戲</span>
  </div>
  <script type='text/javascript'>
  var fo=document.getElementById('fun')
  var so=document.getElementById('small')
  var go=document.getElementById('game')
  var bo=document.getElementById('box')
  document.write( go.compareDocumentPosition +'<br />');
  document.write( go.compareDocumentPosition( fo )
       +'<br />'+ so.compareDocumentPosition( fo )
       +'<br />'+ fo.compareDocumentPosition( so ) 
       +'<br />'+ bo.compareDocumentPosition( fo )
       +'<br />'+ so.compareDocumentPosition( bo ) );
  </script>
  

• 執行結果：

  遊戲天堂

  好玩遊戲 小遊戲
  function compareDocumentPosition() { [native code] }
  4
  2
  4
  20
  10

• 只有 Firefox 有支援；IE, Safari, Chrome 無此項。

getAttribute()

取得元素的指定屬性名稱之屬性值。如果屬性名未設定，則傳回 null。其語法是：

屬性值 = 元素結.getAttribute(屬性名) <script type='text/javascript'> var go=document.getElementById('game'); document.write( go.getAttribute('style') ); </script>

• 程式用法：

  <script type='text/javascript'>
  var go=document.getElementById('game');
  document.write( go.getAttribute('style') );
  </script>
  

• 執行結果：

  color:red

getAttributeNS()

用在 XML 文件，後面再談。

getAttributeNode()

取得元素的指定屬性名稱之屬性物件。其語法是：

屬性物件 = 元素物件.getAttributeNode(屬性名) <script type='text/javascript'> var go=document.getElementById('game'); var ao=go.getAttributeNode('style'); for( k in ao) if( typeof(ao[k]) == 'string' ) document.write( k +' : '+ ao[k] +'<br />'); </script>

• 程式用法：

  <script type='text/javascript'>
  var go=document.getElementById('game');
  var ao=go.getAttributeNode('style');
  for( k in ao)
    if( typeof(ao[k]) == 'string' )
      document.write( k +' : '+ ao[k] +'<br />');
  </script>
  

• 執行結果：

  localName : style
  name : style
  value : color:red
  nodeName : style
  baseURI : http://ant4js.blogspot.com/2009/01/elementmth4.html
  nodeValue : color:red
  textContent : color:red
  

• 不同瀏覽器的輸出有不同。

getAttributeNodeNS()

用在 XML 文件，等我學了 XML 再談。