button_click()関数の引数の値に応じて、0であればGoogle, 1の場合はYahoo, 2の場合はBing, 3の場合はWikipediaにリンク先を動的に変更します。 実行結果 上記のHTMLファイルをWebブラウザで開きます。下図のウィンドウが表示されます。 javascript documentation: 動的/可変プロパティ名. lessはcssを拡張する動的スタイルシート言語であり、変数／ミックスイン／関数などの機能を使用し、より簡潔な形でスタイルシートを記述できる。 今回は、既にCSS側で記述しているセレクタ(id,class)に対してプロパティを追加、書き換え、削除する方法だけ紹介しますが、セレクタ自体を追加したり削除することも可能です。こちらのページが参考になります。 まず、CSSを変数sに読み込みます。 例. 例えばWordPressのプラグインなんかを作っていて、CSSで変数を使いたいなんて時があります。 読み込みをPHPファイルにする。 まずはCSSファイルの拡張子を.phpにして、CSSを読み込ませていた部分をPHPのファイルに変更します。 HTMLならこんな感じ。 ="stylesheet" typ… CSSでJavaScript等のように変数を用いるためには、CSSの拡張（Sass等）を使用しなければ利用することが出来ませんでした。ただ、将来的にはネイティブなCSSでも使える可能性があって、いくつかのブラウザは実験段階ですが、すでに変数機能を使うことが出来ます。 rpa（アールピーエー）で使うカレンダー上の今日の日付など、画面上の要素を動的に指定したいときは、変数を使って「セレクター」を指定します。具体的な方法を見てみましょう phpで動的に取得した値をcssに反映させたい時、そんな時は、phpファイルにcssを記述することで、cssにphp変数の値を埋め込んで動的に組み込ませることができます。 【step1】cssをph 動的スタイルを含める最良の方法は、 CSS変数 を使用することです。 動的スタイルの利点（または必要性-eg、データペイロード内のユーザー定義の色）を得ながらインラインスタイルを回避するには、内部で