Fatal编程技术网

使用javascript更改元素id？

javascript

使用javascript更改元素id？,javascript,Javascript,正在尝试通过名为Alternative的音乐类型更改列表中id为“musiclist”的第三项。我尝试了document.getElementbyID，但它不起作用 函数thirdItem（）{ document.getElementbyId（“thirdItem”）.innerHTML（“Alternative”）；} 音乐体裁 喜爱的音乐类型 我最喜欢的音乐类型包括： 岩石 嘻哈音乐 国家 您必须在正文结束前添加javascript代码 <!DOCTYPE html> <

正在尝试通过名为Alternative的音乐类型更改列表中id为“musiclist”的第三项。我尝试了document.getElementbyID，但它不起作用


函数thirdItem（）{
document.getElementbyId（“thirdItem”）.innerHTML（“Alternative”）；}
音乐体裁
喜爱的音乐类型
我最喜欢的音乐类型包括：

岩石
嘻哈音乐

  • 国家
    •
    您必须在正文结束前添加javascript代码

    <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">


<title> Music Genres </title>
</head>
<body>
<div id="main">
<h1> Favorite genre of music </h1>
<p>My favorite type of music include:</p>
<!--A list of genres of music-->
<ol id="musiclist">
<li id="firstItem"> Rock </li>
<li id="SecondItem"> Hip hop</li>
<li id="thirdItem"> Country </li>

</ol>
</div>
<script>
  function thirdItem() {
    document.getElementbyId("thirdItem").innerHTML = "Alternative";}
    </script> 
</body>
</html>

    
音乐体裁
喜爱的音乐类型
我最喜欢的音乐类型包括：
    
岩石
嘻哈音乐

  • 国家
    • 
函数thirdItem（）{
document.getElementbyId（“thirdItem”）.innerHTML=“Alternative”；}
    因此您创建了一个方法，当调用该方法时，该方法将更改该元素的
    innerHTML
    ，但存在一些问题

  • 你从不调用这个方法
  • 函数名区分大小写，因此它应该是
    getElementById
    而不是
    getElementById
  • innerHTML
    是一个属性，而不是一个方法，因此为它指定一个值
    • 
函数thirdItem（）{
document.getElementById（“thirdItem”）.innerHTML=“Alternative”；
}
document.addEventListener（'DOMContentLoaded'，function（）{
//当文档已被解析且可用时，将调用此函数，以便
//你可以在里面找到任何元素
第三方（）；
});
音乐体裁
喜爱的音乐类型
我最喜欢的音乐类型包括：
    
岩石
嘻哈音乐

  • 国家
    • 

  • 脚本
    应放在
    正文的底部
  • 您最好在编码之前签出
    • 
音乐体裁
喜爱的音乐类型
我最喜欢的音乐类型包括：
    
岩石
嘻哈音乐

  • 国家
    • 
函数thirdItem（）{
document.getElementById（“thirdItem”）.innerHTML=“Alternative”；
}
第三方（）
  • 将脚本移动到文件或新文件的末尾
  • 将
    getElementById的B大写
  • 您可以使用
    =
    • 
音乐体裁
喜爱的音乐类型
我最喜欢的音乐类型包括：
    
岩石
嘻哈音乐

  • 国家
    • 
函数thirdItem（）{document.getElementById（“thirdItem”）.innerHTML=“Alternative”}
第三方（）；
    您需要更改代码：

     function thirdItem() {
  document.getElementById("thirdItem").innerHTML = "Alternative";
}
    为此：

    document.getElementById("thirdItem").innerHTML = "Alternative";
    此外，还需要将脚本块移动到文件的底部

    原因是，您声明了函数，但从不调用它。

    innerHTML
    不是一个
    函数，而是一个
    属性，因此需要：
    document.getElementbyId（“thirdItem”）。innerHTML=“Alternative”
    必须有某种类型的事件来调用函数thirdItem（），例如单击按钮。谢谢，这很有帮助！因此，必须有两个脚本标记；一个在函数的开头，另一个在函数的结尾调用，在body和html标记之前。如果要使用脚本src添加网页，则第三项将更改回国家/地区？无法在第一个脚本标记中添加网页和函数吗？@sara不需要两个
    script
    标记。我只是想说明，您需要调用该方法，并且必须在DOM准备好之后进行。如果它位于底部，您可以在相同的脚本中完成，或者您可以在文档准备就绪时添加事件侦听器，然后调用它。我会更新答案（也不确定“添加网页”是什么意思）