Javascript JS打印img，就好像它已经有src一样_Javascript_Html

Javascript JS打印img，就好像它已经有src一样

javascript html

Javascript JS打印img，就好像它已经有src一样,javascript,html,Javascript,Html,我有这些测试html/js文件。我要做的是显示原始图像没有src属性，然后显示它实际上在那里，或者这是预期的行为实际上，它正在打印图像，就好像它已经具有src属性一样 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible"

我有这些测试html/js文件。我要做的是显示原始图像没有src属性，然后显示它实际上在那里，或者这是预期的行为

实际上，它正在打印图像，就好像它已经具有src属性一样

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Práctica DOM JS</title>
    <script src="index.js"></script>
  </head>
  <body>
    <h1 id="demo" class="clase1">Nada</h1>
    <img id="imagen" />
    <div class="clase1"></div>
  </body>
</html>

浏览器控制台可能正在惰性地评估元素对象。您可以改为记录

outerHTML

function foo() {
  document.getElementById("demo").innerHTML += " Hola Mundo!";
  let imagen = document.getElementById("imagen");
  console.log(imagen);
  imagen.src = "../assets/accessible-icon-brands.svg";
  console.log(imagen);

  setTimeout(() => {
    imagen.src =
      "https://i1.wp.com/elanillounico.com/wp-content/uploads/2015/03/JRR-Tolkien15.jpg?fit=760%2C1076&ssl=1";
  }, 5000);
}

window.onload = foo;

console.log(imagen.outerHTML);
imagen.src = "../assets/accessible-icon-brands.svg";
console.log(imagen.outerHTML);