innerHTML 未添加 html 内容

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 内容

innerHTML not adding html content

html

javascript

jquery

innerhtml