HTML_html/css_WEB-ITnose のプロパティと属性

HTML ソース コードを記述するとき、HTML 要素に属性を定義できます。次に、ブラウザがコードを解析すると、対応する DOM ノードが作成されます。このノードはオブジェクトであるため、プロパティがあります。

たとえば、この HTML 要素:

<input type="text" value="Name:">

2 つの属性があります。

ブラウザがこのコードを解析すると、HTMLInputElement オブジェクトが作成され、このオブジェクトには数十の属性が含まれますプロパティの例: accept、accessKey、align、alt、attributes、autofocus、baseURI、checked、childElementCount、childNodes、children、classList、className、clientHeight など

特定の DOM ノード オブジェクトの場合、プロパティはそのオブジェクトのプロパティです、属性は、そのオブジェクトの属性プロパティの要素です。

更新:

特定の HTML 要素に対して DOM ノードが作成されると、HTML ソース コード内の属性ごとに対応するプロパティが作成されます。たとえば、この HTML 要素の場合:

<input type="text" value="Name:">

対応する DOM ノードには、(特に) タイプと値プロパティがあります。ただし、ユーザーが入力ボックスの値を手動で変更すると、値プロパティにはこの変更が反映されます。したがって、ユーザーが入力ボックスに「John」と入力すると、

input.value // returns "John"

となります。一方、

input.getAttribute('value') // returns "Name:"

value プロパティには入力ボックス内の

現在の

テキスト コンテンツが反映されますが、value 属性には 初期 テキスト コンテンツが含まれます。 HTML ソース コードの value 属性の値を取得します。 そのため、テキスト ボックスの現在内容を知りたい場合は、プロパティを読んでください。ただし、テキスト ボックスの初期値が何であったかを知りたい場合は、属性を読んでください。

简单翻译、プロパティは変更可能、属性は初期値です。

.style 与 getAttribute('style')完全不一样