分类导航

程序问答发布时间：2022-06-02 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了最近生成的元素的 document.getElementById，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决最近生成的元素的 document.getElementById？

开发过程中遇到最近生成的元素的 document.getElementById的问题如何解决？下面主要结合日常开发的经验，给出你关于最近生成的元素的 document.getElementById的解决方法建议，希望对你解决最近生成的元素的 document.getElementById有所启发或帮助；

抱歉，我已阅读有关此主题的先前主题，但在我的情况下它仍然不起作用！

一些上下文是这是一个简单的JavaScript游戏。当用户将鼠标悬停在库存项目上时，我希望它显示该项目的简短描述。

23/06/2021 编辑 - 好的，这是一个精简版相关代码：

**HTML**
<!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">
    <script defer src="scaled.Js"></script>
    <link rel="stylesheet" href="scaled.CSS">


    <title>Scaled</title>
</head>
<body>
    
<div ID= "inventory" class = "inventory" ></div>

<div ID= "itemtext" class = "itemtext" >A test item!</div>

<button ID = "button" onclick = "addImage()">test</button> 

   
</body>
</HTML>




 **CSS**

.itemtext{
    position: absolute;
    visibility: hIDden;
    Font-size: 80px;
    top:50px;
    color: red;  
    z-index: 200;
   
}

.itemtext-on{
    position: absolute;
    visibility: initial;
    color: green; 
    Font-size: 80px;
    top:50px;
    z-index: 200;
   
}

#button {
    height: 40px;
    wIDth: 40px;
    color: blue;
}

**JavaScript**
const itemText = document.getElementByID('itemtext');
const inventory = document.getElementByID('inventory');


function reveal() {
    itemText.classList.toggle('itemtext-on');
 }

 
 document.getElementByID("div1").onmouSEOver =  function()  {reveal()};
 

function addImage(){ 

var a = document.createElement("div");
 a.ID = "div1"; 
 var iconUrl = document.createElement("img");
 iconUrl.src = "bla.jpg";
 a.appendChild(itemText);
 a.appendChild(iconUrl);
 inventory.appendChild(a);
}