javascript – 使用属性或属性创建HTML选择选项

我想以编程方式使用 Javascript(而不是jQuery)创建一个选定的HTML选择选项.
通过如下设置属性来创建它的优点是什么：

var option = document.createElement('option');
option.setAttribute('text','option1');
option.setAttribute('value',5);
option.setAttribute("selected",true);

而不是设置属性：

var option = document.createElement('option');
option.text = 'option1';
option.value = 5;
option.selected = true;

我更喜欢使用属性创建选项,但只是想确保这不会导致任何问题,因为我在网络上遇到的许多示例倾向于使用前一种方法(即设置属性).

解决方法

应该在DOM元素上使用setAttribute,并在HTML元素上缩小属性名称.您不能使用点表示法将值分配给动态属性名称.

Using setAttribute() to modify certain attributes,most notably value in XUL,works inconsistently,as the attribute specifies the default value. To access or modify the current values,you should use the properties. For example,use elt.value instead of elt.setAttribute(‘value’,val).

总而言之,如果您有动态属性名称,请使用setAttribute.如果您具有正常属性,请使用点符号.