javascript - 克隆节点上的 DOM 操作

Question

我有一个与 DOM 操作相关的查询。我通过克隆整个文档节点然后对克隆的副本执行操作来对网页中的 DOM 节点执行一些操作。

我在 DOM 上执行的一项特定操作是更改“img”标签的“src”属性。当我这样做时，我在浏览器中该页面的控制台中看到 404 错误（404（未找到））。我设置的路径不存在，但由于我在克隆副本上执行操作，我认为它不应该显示任何错误。我在这里做错了吗？有没有办法避免显示此错误？

下面提供了代码片段：

//code snippet

var doc = document.documentElement.cloneNode(true);
var allNodes = doc.getElementsByTagName('*');

//for loop to interate through the node

//When an img node is found
node.src = "some_image.png";

Answer 1

从评论...

我不明白为什么它不应该加载。因为 var img = new Image(); img.src = "aa.png" 也会加载图像，即使图像未附加到 DOM 上。（这种方法经常用在 HTML5 Canvas 的使用中）

即使在定义 src 后将图像添加到路径中，也不会找到该图像，因为浏览器只会发送 1 次对该文件的请求。