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

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。如何以编程方式创建它们？ PS。我甚至不确定，我是否应该调用这些参数＆＃34;未命名＆＃34;。可能会有一个更好的惯例。

Answer 1

div.setAttribute('data-uk-grid-margin', '');

Answer 2

以下

<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;'));