Question

  <ol>
        <li id="ItsMyKitchen">It's My Kitchen</li>

         <div id="mykitchen" hidden>
             <img src="images/image1.jpg" height="200px" width="200px"/>
             <ul>
                 <li>Pizza</li>
                 <li>Camorised Oinon rice</li>
                 <li>Jollof</li>
                 <li>Banku with Okor</li>
                 <li>Fufu</li>
                 <li>Spanish Omellet</li>
                 <li>Fried Rice with Beef</li>
                 <li>Steamed Rice with Curry Chicken</li>
                 <li>Yong Chow Fried Rice </li>
             </ul>
        </div>

我想从div元素中删除“mykitchen”作为id的“hidden”属性。我正在使用这个javascript代码

var ItsMyKitchen1 = document.getElementById("ItsMyKitchen");

ItsMyKitchen1.onclick = function(){
    document.getElementById("myKitchen").removeAttribute("hidden");
}

但它似乎不起作用。任何帮助

Answer 1

您已创建ID为mykitchen的div，但是当您尝试按ID获取元素时，您尝试选择ID为myKitchen的div。尝试将这两个匹配，然后您的代码应该按预期工作。您对element.removeAttribute的使用是正确的，但大写字母对元素ID很重要！

Answer 2

你可以这样试试。

document.getElementById("mykitchen").addEventListener("load", myFunction);

function myFunction() {
    document.getElementById("mykitchen").removeAttribute("hidden"); 
}

如何从HTML元素中删除属性

2 个答案: