javascript - 在普通JS中替换innerHTML

原文 标签 javascript jquery

我想从页脚容器中删除除img元素之外的所有内容:

<footer>
    <p>Some text</p>
    <img src="logo.jpg">
</footer>


在JQuery中,我可以这样做:

var logo = $('footer img');
$('footer').html(logo);


如何在普通JS中做到这一点?

最佳答案

如果需要,无需重新创建原始元素

var footer = document.getElementsByTagName('footer')[0];
var img = footer.getElementsByTagName('img')[0];
footer.innerHTML = '';
footer.appendChild(img)


演示:Fiddle

关于javascript - 在普通JS中替换innerHTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30119388/

相关文章:

javascript - jQuery隐藏鼠标悬停时显示特定div元素

javascript - 关于如何编写window.resize函数的一些建议?

javascript - Datatables.net与Spring的服务器端分页:如何选择单行的ID?

javascript - jQuery如果窗口宽度小于991px,则使nav> li不可点击

javascript - 检索Java中JavaScript返回的对象

jquery - PC上的Google Chrome浏览器成功运行document.createEvent(“TouchEvent”)…?

javascript - 将日期格式从“yyyy-mm-dd”更改为“yyyy MMM dd”或“MMM dd,yyyy”

javascript - 如何使图像作为复选框工作?

javascript - console.log(document.head) 结果与每次刷新交替

javascript - (Ag-Grid)在编辑时,如何立即更改值,而不是在单元格失去焦点后?