本サイトからスピンオフした姉妹サイトです。任意の要素の、任意の属性に対して値を設定/取得する方法を解説。複数の属性をまとめて設定する方法も説明する。要素の属性を設定するには、attrメソッドを利用します。以下はid="logo"である要素に対して、src属性を設定するコードです。'http://www.wings.msn.to/image/wings.jpg');});</script></body></html>attrメソッドで要素の属性を設定するコード(attr.html)▼<img>要素に指定された画像を反映attrメソッドでは、style/class属性を指定することも可能ですが、これらの属性については専用で用意されているcss/addClassなどのメソッドを利用することをお勧めします。}形式のハッシュを渡すことで、複数の属性をまとめて設定することもできます。属性の現在値を取得するattrメソッドでは、属性を設定するだけではありません。以下のように属性名を文字列で指定することで、現在値を取得することもできます。結果:WINGSプロジェクト属性の現在値を取得するコード(attr.html)$()関数が複数の要素にマッチした場合にも、attrメソッドが取得するのは「最初の要素についてだけ」である点に注意してください。属性を削除する既存の属性を削除するならば、removeAttrメソッドを利用します。removeAttrメソッドでは、削除する属性が単一であれば文字列で、複数であれば空白区切りの文字列で指定します。※以下では、本稿の前後を合わせて5回分(第5回~第9回)のみ表示しています。INDEX]を参照してください。要素のスタイルプロパティを変更するには?(css)背景色を変えるなど、要素のスタイルを変更できるcssメソッドの基本的な使い方を解説。相対値の指定や複数まとめて指定、現在の値の取得なども説明する。要素にスタイルクラスを適用/除外するには?(addClass/removeClass/toggleClass/hasClass)要素にclass属性の値を設定/削除する方法を解説。その設定状態を切り替えたり、確認したりする方法も説明する。要素の属性を操作するには?(attr/removeAttr)任意の要素の、任意の属性に対して値を設定/取得する方法を解説。複数の属性をまとめて設定する方法も説明する。要素のプロパティを取得/設定するには?(prop)任意の要素に対してJavaScriptのプロパティを設定/取得する方法を解説。要素の属性を設定/取得できるattrメソッドと機能を比較する。要素の高さ/幅を設定/取得するには?(height/width/innerHeight/innerWidth/outerHeight/outerWidth)任意の要素に対して幅/高さを設定/取得する方法を解説。height/width、innerHeight/innerWidth、outerHeight/outerWidthメソッドの使い分け方法も説明する。機械学習エンジニアを目指す人~初中級者のための技術情報サイトです。「機械学習&AI」「クラウド&ビッグデータ」「IoTデバイス」のネット記事情報を共有中。開発者のためのSlackチーム、作りました:「機械学習&AI」「クラウド&ビッグデータ」「IoTデバイス」のネット記事情報を共有中。2020最適なビューへの切り替えを推奨します:スマートフォン用表示に。