Question

我正在尝试将div附加到无序列表，但附加的div和之前创建的div很难显示。有什么想法吗？

非常感谢任何能提供帮助的人！

HTML：

<button type="button" id="buttonone" class="add"><b><span>Add</span></b>
</button>
<ul id = "all"></ul>

CSS：

#woow{
    height: 50px;
    width: 50px;
    background-color: red;
}
 #buttonone {
     opacity: 0;
     position: relative;
     left: 78%;
     top: 23px;
     font-family:"Roboto";
     height: 38px;
     width: 100px;
     background-color: #5dade2;
     color: white;
     border-radius: 2px;
     font-size: 22px;
     outline: 0px solid transparent;
     border: 0px solid transparent;
     -webkit-transition: all 0.15s linear;
     -moz-transition: all 0.15s linear;
     transition: all 0.15s linear;
 }

JS：

$('#text').fadeTo(0, 1);
$('#text').addClass('box animated bounceInDown');
setTimeout(function()
{
    $('#buttonone').fadeTo(0, 1);
    $('#buttonone').addClass('box animated bounceInDown');
}, 100);
$('#buttoneone').click(function(){
    var list = document.getElementById('all');
    var div = document.createElement('div');
    div.id = "woow";
    list.appendChild(div);
});

Answer 1

您已经在使用jQuery - 无需使用getElementById/createElement/appendChild。哦，只有LI元素可以是UL的直接子元素（您可能能够添加DIV，但它不是有效的HTML）。试试这个：

$('#buttonone').click(function(){
    $('#all').append($('<li><div id="woow"/></li>'));
});

演示：http://jsfiddle.net/WN649/1/

Answer 2

在使用appendChild时，你必须将你的脚本类型= text / js放在你想要影响的div之下。

尝试这个的简单代码是...... 这会创建您想要添加的任何元素 var varname = document.createElement（“div”）;

varname.innerHTML =“你知道吗？”;

的document.getElementById（为 “buttonOne”）的appendChild（VARNAME）;

让孩子不工作

2 个答案: