Question

我相信我几乎有这个工作。我已经有了一个页脚，但是当点击该按钮时，它会随着它的内容向下滑动。在它向下滑动之后，我使用javascript删除了该页脚及其内容，并创建了另一个页脚元素。我附加了它以包括div。当我检查检查器元素时，它显示新的页脚并且存在空div。但是，当我将innerHTML添加到div的id时，它不会用代码填充它。这是javascript的代码：

var slide = document.getElementById('slide');
var info = document.getElementsByClassName('info');
var input = document.getElementById('input');
var footer = document.getElementById('footer');
var addFooter = document.createElement('footer');
var newFooterContent = '<div class="col-md-8 col-md-offset-2"><input type="text" class="form-control move-right" size="105" placeholder="Say &ldquo;Hello&rdquo; or whatever else is on your mind"> </div> <div class="col-md-2"> <button type="submit" class="btn btn-default">Submit</button> </div>'



$( document ).ready(function() {
    $( "#hidePic" ).click(function(e) {
        e.preventDefault();
        $( "#slide" ).slideToggle( "fast", function() {
            footer.parentNode.removeChild(footer);
            document.body.appendChild(addFooter);
            addFooter.appendChild(input);
            input.addInnerHTML = newFooterContent;
        });
    });
});

Answer 1

替换

input.addInnerHTML = newFooterContent;

与

input.innerHTML = newFooterContent;

它应该有效

innerHTML不添加html内容

1 个答案: