属性
属性始终采用name="value"
的形式(属性的标识符后跟其关联的值)。您可能会看到没有等号或值的属性。这是在 HTML 中提供空字符串的简写方式。但是,这在 XML 中无效:XML 要求所有属性都具有显式值。
属性的反映
属性可能会反映到特定接口的特定属性中。这意味着可以通过访问该属性来读取属性的值,并且可以通过将该属性设置为不同的值来修改它。
例如,下面的placeholder
反映到HTMLInputElement.placeholder
。
考虑以下 HTML
html
<input placeholder="Original placeholder" />
我们可以使用以下方法检查HTMLInputElement.placeholder
和属性之间的映射关系
js
const input = document.querySelector("input");
const attr = input.getAttributeNode("placeholder");
console.log(attr.value);
console.log(input.placeholder); // Prints the same value as `attr.value`
// Changing placeholder value will also change the value of the reflected attribute.
input.placeholder = "Modified placeholder";
console.log(attr.value); // Prints `Modified placeholder`
另请参阅
- HTML属性参考
- 有关 HTML 的全局属性的信息
- 在W3C XML 建议中的 XML 开始标签属性建议
- 相关词汇表术语