Question

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

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

function s()
{
    var elm = '<div' +
        'style="background-color:orange;height:125px;width:75px;"'+
        '</div>';           
    var x=document.getElementById("staticDiv")          
    elm.appendChild(x);         
}

HTML：

<div id="staticDiv">
    <ul>
        <li style="background-color:grey;">
            <div>"Mumbai"
            </div>
        </li>
    </ul>
</div>    
<input type="button" value="ss" onclick="s()"/>

我想将静态div附加到动态创建的新div中。

Answer 1

您的代码有很多问题。试试这样：

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

Answer 2

elm是一个字符串，而不是实际的HTMLElement。您正在寻找的更像是：

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

HtmlElement对象包含appendChild，但String没有。

动态创建div并进入静态div

2 个答案: