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

2023-07-25

jQueryのattr()メソッドは、JavaScriptのsetAttribute()メソッドを使用して実装することができます。以下に、attr()メソッドの動作を模倣するJavaScriptのサンプルコードを示します。

function attr(element, attributeName, attributeValue) {
	if (attributeValue !== undefined) {
	element.setAttribute(attributeName, attributeValue);
	} else {
	return element.getAttribute(attributeName);
	}
}

このattr()関数は、3つの引数を受け取ります。

• element: 属性を設定または取得する要素を指定します。
• attributeName: 設定または取得する属性の名前を指定します。
• attributeValue（オプション）: 設定する属性の値を指定します。この引数が指定されない場合、属性の値を取得します。

以下に、attr()関数の使用例を示します。

// 要素の属性を設定する例
var myElement = document.getElementById("myElement");
attr(myElement, "src", "image.jpg");

// 要素の属性を取得する例
var srcValue = attr(myElement, "src");
console.log(srcValue); // 出力: "image.jpg"

このサンプルコードでは、attr()関数を使用して要素の属性を設定または取得できます。attr()関数の実装は簡略化されており、複雑な属性の操作やセレクタのサポートは行っていません。必要に応じて拡張してください。