风动之石的博客

【高级】回答问题，说明属性（DOM Property）和特性（HTML Attribute）的区别与联系

<input id="input" type="sometype" value="1">
1

针对如上的 HTML，分别说出type属性/特性和value属性/特性的值，即

问题一：value的属性和特性分别是什么？如果此时用户清空输入框并输入2，value的属性/特性分别是什么？

问题二：type的属性和特性分别是什么？

// 问题一，参考答案
input.getAttribute('value') // 1
input.value // 1

// 若用户清空输入框并输入 2
input.getAttribute('value') // 1
input.value // 1

// 问题二，参考答案
input.type // text
input.getAttribute('type') // sometype
1
2
3
4
5
6
7
8
9
10
11

B - 能回答对问题一，并能说明value的属性与特性的映射关系 A - 能回答对问题二，并能说明常见type的特性值 S - 说出属性和特性是如何映射的，并能说出一两个非一一映射的例子，比如class特性 vs className属性，for 特性 vs htmlFor属性

参考文档：