javascript - 如何创建元素并设置未命名参数

Question

我习惯于像这样在 JavaScript 中创建 html 元素:

var div = document.createElement('div');
div.setAttribute('id', 'some_id');
div.setAttribute('custom_attribute', 'some_other_value');

但是如果我的 div 看起来像:

<div class="uk-grid" data-uk-sortable data-uk-grid-margin> 

请注意这两个参数(或者我应该以另一种方式调用它？) - data-uk-sortable 和 data-uk-grid-margin。我如何以编程方式创建它们？附言。我什至不确定是否应该将这些参数称为“未命名”。也许有更好的约定。

Answer 1

以下内容

<div class="uk-grid" data-uk-sortable data-uk-grid-margin>

与相同

<div class="uk-grid" data-uk-sortable="" data-uk-grid-margin="">

var div = document.createElement('div');
div.setAttribute('id', 'some_id');
div.setAttribute('data-uk-sortable', '');
div.setAttribute('data-uk-grid-margin', '');



// just for the demo
document.write(div.outerHTML.replace(/</, '&lt;'));