タグ

DOMに関するys0000のブックマーク (3)

  • Document Object Model/CSS(1)

    CSS をスクリプトで操作する方法を述べています。 ここのスクリプトはほとんどIE4以上でしか動かないでしょう。 スタイルの指定方法には基的に2種類あります。 1つはスタイルシートで指定する方法です。 <STYLE TYPE="text/css"> <!-- a {text-decoration:none;color:blue} .test {text-decoration:none;color:blue} --> </STYLE> 普通はこのようにスタイルの指定をまとめてヘッダ部に書いておきます。 これを(たぶん)1枚のスタイルシートと呼びます。 実はこのページは外部のファイルに上のような感じで書いておき、 次のようにそれを参照しています。 <LINK REL="STYLESHEET" TYPE="text/css" HREF="dom.css"> このように外部のファイルを参照して

    ys0000
    ys0000 2009/10/15
    CSSの中身を動的に書き換える。document.styleSheets(i).rules(j).selectortextでマッチングして、rules(j).style.color="red"(など)で編集する。
  • ドキュメントオブジェクトモデル リファレンス

    このブラウザーはサポートされなくなりました。 Microsoft Edge にアップグレードすると、最新の機能、セキュリティ更新プログラム、およびテクニカル サポートを利用できます。

    ドキュメントオブジェクトモデル リファレンス
  • JavaScriptでHTMLをダイナミックに書き換える 前編

    もともとは存在しなかったタグ要素を新たに追加したり、変更、削除するテクニックを学ぶ。こうした処理ができるのはDOMならではの魅力だ。 旧来のDHTMLの手法では、JavaScriptから操作できるHTML要素には限りがありましたが、DOMでは、HTML上のありとあらゆる要素を自由自在に読み取ったり、書き換えることができるようになります。連載では、主にDOM Level 1で規定されている手法を使い、JavaScriptでどのようにHTML上の要素へアクセスするのか、そして、それをどうやって書き換えるのかを詳しく解説します。これにより、JavaScriptからHTML要素を手に取るように操れるようになります。 DOMスクリプティングでは、HTMLJavaScriptから自由自在に書き換えられる点が大きな魅力です。これまで、HTMLに存在する要素の参照方法や属性の扱い方を学んできましたが、

    JavaScriptでHTMLをダイナミックに書き換える 前編
    ys0000
    ys0000 2008/07/03
    確かに、h1要素はdiv要素以下に入れてほしいなぁ→p要素の子要素について勉強すべし。/DOMはHTA書くときにはとても便利。
  • 1