哪一个是使用javascript创建html元素的更好方法

Question

哪种方式更专业。我更喜欢第一个，因为您可以在一行中传递class，id，name等。

1）

var button = "<button type='button' id='mybutton'></button>";
document.body.innerHTML+= button;

2）

var button = document.createElement("BUTTON");
document.body.appendChild(button);