Javascript 动态创建div并将其转换为静态div

点击按钮，我试图创建一个div，并试图将静态div附加到其中，这是一个错误

未捕获的TypeError:elm.appendChild不是函数

函数s（）
{
var elm='您的代码有许多问题。请尝试这样做：

var elm = document.createElement('div');
elm.className = 'some_demo_class';   // add all your css styles in a class
var x = document.getElementById("staticDiv");
x.appendChild(elm);

elm
是一个字符串，而不是实际的
HTMLElement
。您要查找的内容更像：

var elm = document.createElement('div');
elm.style.height = '125px';
elm.style.width = '125px';
elm.style['background-color'] = 'orange';

HtmlElement
对象包含
appendChild
，但
String
不包含它。
这里根本没有jQuery。这就是你的意思吗？elm不是元素，它是字符串。你需要使用document.createElement我想将静态div附加到正在动态创建的新div中。也许你的意思是
document.getElementById（“staticDiv”）
而不是
document.getElementById（“ss”）
？是的，我想创建动态div并将静态div添加到其中
var elm = document.createElement('div');
elm.className = 'some_demo_class';   // add all your css styles in a class
var x = document.getElementById("staticDiv");
x.appendChild(elm);

var elm = document.createElement('div');
elm.style.height = '125px';
elm.style.width = '125px';
elm.style['background-color'] = 'orange';