时间戳

首页 > 解决方案 > 将图像添加到第一个孩子

javascript - 将图像添加到第一个孩子

问题描述

我正在尝试制作一个简单的 Chrome 扩展程序，从页面中删除 YouTube 的提要并将其替换为图像。我可以删除提要，但事实证明放置图像很麻烦。我只想用图像替换提要。代码如下，任何指针或文档将不胜感激！

var feed = document.getElementById('feed');
var feedsParent = feed.parent();
feed.parentNode.removeChild(feed);
feedsParent.firstChild.prepend('<img id="theImg" src="http://www.sgt.gr/_repository/file/1/Resize/images/sun-ra-2_site.jpg" />')

标签： javascriptjquery

解决方案

改为使用.insertAdjacentHTML。

var feed = document.getElementById('feed');
var feedsParent = feed.parentNode;
feedsParent.removeChild(feed);
feedsParent.firstChild.insertAdjacentHTML("beforebegin", '<img id="theImg" src="http://www.sgt.gr/_repository/file/1/Resize/images/sun-ra-2_site.jpg" />')

这将允许您将从 HTML 解析的新节点注入到相对于给定元素的各个位置。

我假设它.firstChild实际上指向一个 Element 节点。如果没有，您可以使用.firstElementChild.

推荐阅读