タグ

2015年5月22日のブックマーク (1件)

  • JavaScriptでCSSの擬似クラスを設定する方法

    JavaScriptCSSの擬似クラス(:link/:visited/:hover/:activeなど)を設定する方法を紹介します。 1.問題点 JavaScriptCSSを設定する場合、例えばテキストリンクの色を設定するには、styleプロパティを利用して次のように記述します。 <a href="http://.../">foo</a> <script> var foo = document.getElementsByTagName('a'); foo[0].style.color = '#f00'; </script> ですが、styleプロパティには擬似クラスがなく(というか、そもそもプロパティではない)、 a:link a:visited a:hover a:active などの設定方法が不明です。 注:jQueryは使わない前提とします。 2.擬似クラスを設定する 調べるとい

    mzkzzz
    mzkzzz 2015/05/22
    :afterとかのjsからふつうには掴めない疑似要素を操作する