克隆节点上的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（）;即使图像未附加在DOM上，img.src =“aa.png”也会加载图像。 （这种方法通常用于HTML5 Canvas用法）

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