Question

我需要创建一个img元素，为其设置一个ID，然后使用文档函数getElementById找到它

第一个控制台正确显示元素的ID，但第二个控制台显示为空

const image = document.createElement("IMG")
image.id="inn"
console.log(image.id)//this is fine
const innUI = document.getElementById('inn')
console.log(innUI.id)//i get null here

是因为我需要将该元素附加到HTML的任何部分吗？

Answer 1

您需要在DOM中添加对象，然后才可以使用getElementById找到它

  
   const image = document.createElement("IMG")
image.id="inn"
document.body.appendChild(image);
console.log(image.id)//this is fine
const innUI = document.getElementById('inn')
console.log(innUI.id)//i get null here

Answer 2

更好的方法是使用setAttribute()属性和getAttribute()来获取值。

var image = document.createElement("IMG")
image.setAttribute("id", "inn");
image.appendChild(image);
console.log(image.id)//this is fine
const innUI = image.getAttribute('id');
console.log(innUI)// log id name

我找不到仅在文档中创建的img元素

2 个答案: