时间戳

首页 > 解决方案 > 为什么 javascript 无法识别我创建的 ID 标签？

javascript - 为什么 javascript 无法识别我创建的 ID 标签？

问题描述

我已经给元素“characterImage”一个 ID 标签，但是即使我使用了（例如），javascript 似乎也没有识别出我已经给它一个 ID element.id = "desiredID"。

Firefox webConsole 只是不断返回document.getElementById(..)为空”，即使我已经明确设置了一个 ID 并将其放在花括号内

我已经尝试过setAttributeAs()方法和element.id = "desiredID" 

{
let characterImage = document.createElement("IMG");
characterImage.id = "characterImg";
characterImage.src = "Story Game Photos";
characterImage.style.height = "250px";
characterImage.style.height = "250px";
}

function henryFunction(){
document.getElementById("characterImg").src = "Story Game photos/h.jpg";
document.getElementById("characterImg").appendChild(divCharacterImage);
}

我收到的错误消息：

类型错误：document.getElementById(...) 为空

预期结果：让 javascript 识别 ID 并将我想要的图片放在想要的位置

标签： javascriptelement

解决方案

您必须将 附加image element到文档中的元素。当元素出现在 中时，DOM您可以使用id,找到它

document.getElementById()

添加行

 document.querySelector("body").appendChild(characterImage)

将元素附加到body标签

function a(){
let characterImage = document.createElement("IMG");
characterImage.id = "characterImg";
characterImage.src = "Story Game Photos";
characterImage.style.height = "250px";
characterImage.style.height = "250px";
document.querySelector("body").appendChild(characterImage)
henryFunction();
}

function henryFunction(){
document.getElementById("characterImg").src = "https://placekitten.com/g/200/300";  
}

a();
<html>
<body>
</body>
</html>

推荐阅读