如何創建一個元素，並將未命名參數

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。我甚至不確定，我是否應該將這些參數稱爲「未命名」。可能會有更好的約定。

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

Answer 2

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