在javascript中动态添加具有属性的Div

我在下面有一个div，它是剑道网格，我需要用JavaScript动态创建它

---

您可以使用模板文字、.insertAdjacentHTML

var div=`div`； document.body.insertadjacenthlbeforeend，div； 您可以使用element.setAttributeNodename，value

var myDiv=document.createElementdiv； myDiv.setAttributekendo-grid； myDiv.setAttributeid，tempGrid； myDiv.setAttributehidden，隐藏； myDiv.setAttributek-options、meterGridOptions； myDiv.setAttributek-rebind，列；

---

document.body.appendChildmyDiv我刚刚删除了隐藏的属性，以便它可见

$document.readyfunction{ var div=${ id:tempGrid， k选项：meterGridOptions， k-重新绑定：列 }.text通过Jquery创建； 分区ATRTKENDO-grid； div.appendTo.container； }; .集装箱{ 背景颜色：绿色； 宽度：100px； 高度：50px； }

---

您的div在哪里？div需要放在body中。虽然此代码可以回答问题，但提供有关如何和/或为什么解决问题的附加上下文将提高答案的长期价值。

var m=document.getElementById('d1');
m.setAttribute("style","height:50%");