jQueryのcss()をJavaScriptで実装する代替サンプルコード

2023-07-30

jQueryのcss()メソッドをJavaScriptで代替するには、styleプロパティを使用します。以下は、jQueryのcss()メソッドと同等の機能を持つJavaScriptのサンプルコードです。

// jQueryのcss()メソッドをJavaScriptで代替する関数
function setCss(element, property, value) {
	element.style[property] = value;
}

// 使用例
var myElement = document.getElementById('myElement');
setCss(myElement, 'color', 'red');

このコードでは、setCss関数を定義しています。この関数は3つの引数を受け取ります：

• element: スタイルを設定する要素を指定します。
• property: 設定するCSSプロパティの名前を指定します。
• value: プロパティに設定する値を指定します。

関数内部では、styleプロパティを使用して要素のスタイルを設定しています。element.style[property]のように、プロパティ名をインデックスとして使用して値を設定します。

使用例では、getElementByIdメソッドを使用してmyElementというIDを持つ要素を取得し、そのテキスト色を赤に設定しています。