在网页开发中，我们常常需要对元素进行样式调整，比如让某个元素的字体变粗。本文将带你轻松学会如何在JavaScript中实现让li元素字体加粗的效果。
1. CSS样式调整
在JavaScript中调整样式之前，我们可以先通过CSS直接为li元素设置字体加粗的效果。这是最简单也是最直接的方法。
li {
font-weight: bold;
}
这种方式的好处是简单易懂，但缺点是只能一次性为所有li元素设置字体加粗，如果只想让部分li元素字体加粗，就需要使用JavaScript了。
2. JavaScript实现
2.1 获取li元素
首先，我们需要获取到需要设置字体加粗的li元素。可以通过getElementById、getElementsByClassName或getElementsByTagName等方法实现。
// 获取id为"myList"的ul元素下的所有li元素
var lis = document.getElementById("myList").getElementsByTagName("li");
2.2 遍历li元素并设置样式
获取到li元素后，我们可以遍历它们并设置字体加粗的样式。
// 遍历所有li元素并设置字体加粗
for (var i = 0; i < lis.length; i++) {
lis[i].style.fontWeight = "bold";
}
2.3 为单个li元素设置样式
如果你只想让特定的li元素字体加粗，可以通过querySelector或querySelectorAll等方法获取到该li元素，并单独设置样式。
// 获取id为"myLi"的li元素并设置字体加粗
document.getElementById("myLi").style.fontWeight = "bold";
3. 总结
通过以上方法，我们可以轻松地在JavaScript中实现让li元素字体加粗的效果。在实际开发中，可以根据需求选择合适的方法来实现。希望本文能对你有所帮助！