如何使用Javascript在ID内设置标记样式？

我正在尝试使用Javascript在这个HTML文件中的“eventsList”ID中设置li元素的样式。我一直在玩弄代码，不管出于什么原因，样式都不起作用。我觉得这一定是一个超级简单的解决方案，但作为一个新手，我无法理解。 如果可行，前四个项目符号应采用粗体，并采用橙色字体

函数findElements（）{
var events=getElementById（'eventsList'）；
var linkItems=events.getElementsByTagName（'li'）；
对于（变量i=0；i
副标题

清单1
清单2

清单4
必须使用
文档。getElementById
：


函数findElements（）{
var events=document.getElementById（'eventsList'）；
var linkItems=events.getElementsByTagName（'li'）；
对于（变量i=0；i

清单1
清单2

清单4
必须使用
文档。getElementById
：


函数findElements（）{
var events=document.getElementById（'eventsList'）；
var linkItems=events.getElementsByTagName（'li'）；
对于（变量i=0；i

清单1
清单2

清单4
您有一个小问题
getElementById本身不存在。它是
文档
的一个属性。更正的行如下所示：

var events = document.getElementById('eventsList');

对于未来的问题，以下是您如何自己发现问题的方法。打开您的开发工具（在许多浏览器中为F12）并查看控制台。您将看到一个错误，说明未定义
getElementById
。这提醒您要确保引用的方法和对象正确。
您遇到了一个小问题
getElementById本身不存在。它是
文档
的一个属性。更正的行如下所示：

var events = document.getElementById('eventsList');

对于未来的问题，以下是您如何自己发现问题的方法。打开您的开发工具（在许多浏览器中为F12）并查看控制台。您将看到一个错误，说明未定义
getElementById
。这是一个提醒，要确保引用的方法和对象正确。
你真的很接近！只是一些基本的错误。您需要执行底部的函数，并且需要从文档中获取eventsList

function findElements() {
  var events = window.document.getElementById('eventsList');
  var linkItems = events.getElementsByTagName('li');
  for (var i=0; i< linkItems.length;++i) {
    linkItems[i].style.color="orange";
    linkItems[i].style.fontWeight="bold";
  }
}
window.onload = findElements();

函数findElements（）{
var events=window.document.getElementById（'eventsList'）；
var linkItems=events.getElementsByTagName（'li'）；
对于（变量i=0；i
你真的很接近！只是一些基本的错误。您需要执行底部的函数，并且需要从文档中获取eventsList

function findElements() {
  var events = window.document.getElementById('eventsList');
  var linkItems = events.getElementsByTagName('li');
  for (var i=0; i< linkItems.length;++i) {
    linkItems[i].style.color="orange";
    linkItems[i].style.fontWeight="bold";
  }
}
window.onload = findElements();

函数findElements（）{
var events=window.document.getElementById（'eventsList'）；
var linkItems=events.getElementsByTagName（'li'）；
对于（变量i=0；i
方法是
document.getElementById（）
，而不是…
getElementById（）
。打开浏览器开发工具控制台（F12），查看抛出的错误在全局范围内不存在-您必须在
文档中调用它。当你的函数被执行时，从控制台上打印的错误中可以明显看出这一点。只是好奇为什么没有CSS来做这件事？@James如果我按我的方式做的话，我肯定会使用CSS！我正在学习一门Javascript课程，我被要求尝试使用Javascript进行样式设置。方法是
document.getElementById（）
，而不是…
getElementById（）
。打开浏览器开发工具控制台（F12），查看抛出的错误在全局范围内不存在-您必须在
文档中调用它。当你的函数被执行时，从控制台上打印的错误中可以明显看出这一点。只是好奇为什么没有CSS来做这件事？@James如果我按我的方式做的话，我肯定会使用CSS！我正在学习一门Javascript课程，我被要求尝试用Javascript进行样式设计。哇，我就知道这一定很简单！谢谢你，我真不敢相信我错过了。哇，我就知道这一定很简单！谢谢你，我真不敢相信我错过了。