属性のvalueを取りだす

xhtml javascript dom node attr

わけあって、

<ul>
 <li>
<a href="./images/pct_01.jpg">
<img src="./images/thumb_01.jpg" title="都会的なデザインの地下道" date="2011/3/10" />
</a>
</li>
</ul>

とXHTML標準ではないdate属性を使ったとする。
XMLに準拠する、XHTMLでは、ブラウザに認識はされないが、こういう書き方もOK
で、
とりあえず、HTMLImageElementオブジェクトのvar imageを取りだしましたよ、とする。

目下のところ、date属性の値を取りだしたい。

i)
img.getElementsByTagName("date")
はOK??
よく、document.〜〜というソースコードを見るので、不安。

getElementsByTagNameはDocumentオブジェクトなので無理と判明)

ii)image.getAttribute("date")=RW eXception
読み書きOK。例外発生で、無難っぽい。

いやまてよ。。

  • getAttribute(name) [DOMString]

    属性名がnameである属性値が、明示的にまたは初期値としてあれば、取り出す。なければ空文字列。


  • setAttribute(name, value) [void]

    属性名がnameである属性に値を設定する。


  • getAttributeNode(name) [Attr]

    属性名がnameである属性を取り出す。存在しない場合null。


  • setAttributeNode(newAttr) [Attr]

    newAttrをこの要素に追加・置換する。置き換えた場合、置き換え前の属性を返す。追加の場合はnullを返す。

うむ、問題はなさそうだ。とりあえず、i)を調べてみることにいたしましょう。