如何使用JavaScript中无序列表控制子项字体颜色

 时间:2024-10-12 15:40:50

1、第一步,在打开HBuilder工具中新建静态页面ul.html,然后在<body></body>标签内插入一个无序列表,如下图所示:

如何使用JavaScript中无序列表控制子项字体颜色

2、第二步,在<title></title>标签下方,插入一个<衡痕贤伎script></script>,并在标签内编写无序列表点击事件,如下图所示:

如何使用JavaScript中无序列表控制子项字体颜色

4、第四步,返回到HBuilder工具,检查代码发现,在if语句判断时写了四个等于号,需要去掉一个,如下图所示:

如何使用JavaScript中无序列表控制子项字体颜色

6、第六步,编写的JS代码需要外部触发,可以使用window.onload初始化时就加载这段代码,如下图所示:

如何使用JavaScript中无序列表控制子项字体颜色
  • 怎样设置ul标签中单独的某一项显示不同格式
  • css如何只设置一个html元素的上下边框
  • html写一个简单的用户注册框
  • 用记事本编写简单html网页入门:[2]列表
  • css如何清除li列表默认样式
  • 热门搜索
    云南大理旅游景点 黄山景区门票 孕妇可以吃樱桃吗 怎么改照片背景颜色 汉中旅游景点 河北旅游景点大全 曜影怎么读 包茎过长不割可以吗 凉拌腐竹的家常做法 lol小丑怎么玩