Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

HTML5でカスタム属性を作成する


HTML 5で導入された新機能は、カスタムデータ属性の追加です。

カスタムデータ属性はデータで始まります -そしてあなたの要件に基づいて名前が付けられます。

<div class = "example" data-sports = "cricket" data-level = "complex">
   ...
</div>

上記は、 data-subjectと呼ばれる2つのカスタム属性を持つ完全に有効なHTML5になります。 およびデータレベル 。これらの属性の値は、標準の属性の場合と同様の方法でJavaScriptAPIまたはCSSを使用して取得できます。


  1. 新しいキーワードでJavaScript配列を作成します。

    以下は、新しいキーワードを使用してJavaScript配列を作成するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style&

  2. ActiveRecord列挙型を使用した簡単で読み取り可能な属性の作成

    「保留中」、「承認済み」、または「フラグ付き」のいずれかの質問を想像してみてください。または、「自宅」、「オフィス」、「モバイル」、または「ファックス」の電話番号(1982年の場合)。 一部のモデルでは、この種のデータが必要です。 いくつかの異なる値のうちの1つのみを持つことができる属性。そして、その値のセットはほとんど変更されません。 これは、単純なRubyの場合、記号を使用するだけの状況です。 PhoneNumberTypeまたはQuestionStatusモデルとbelongs_toを作成できます これらの価値観を保持するための関係ですが、それだけの価値はないようです。それらをya