元素，使用 document.getElementById("myDiv") 就能轻松获取到它。还有 getElementsByTagName() 方法，能通过标签名获取一组元素。若想获取页面中所有的

元素，document.getElementsByTagName("p") 会返回一个包含所有

元素的集合。另外，querySelector() 和 querySelectorAll() 方法则更加灵活，能通过 CSS 选择器来获取元素。

获取到元素后，就可以对其样式进行修改。通过修改元素的 style 属性，能直接改变元素的样式。例如，获取到一个元素后，使用 element.style.color = "red"; 就能将该元素的文本颜色设置为红色。也可以修改元素的其他样式属性，如字体大小、背景颜色等。除了直接设置样式，还可以通过添加或移除 CSS 类来改变元素样式。使用 classList 属性的 add() 和 remove() 方法，能够方便地添加或移除 CSS 类。比如 element.classList.add("highlight"); 会为元素添加 “highlight” 这个 CSS 类，若该类定义了特定的样式，元素的外观就会相应改变。

JavaScript 函数在整个操作过程中扮演着关键角色。可以将操作 DOM 元素及修改样式的代码封装在函数中，通过调用函数来实现相应功能。这样不仅提高了代码的可维护性和复用性，还使得逻辑更加清晰。

通过 JavaScript 函数操作 DOM 元素及修改样式，为网页开发者提供了丰富的可能性，能创造出各种动态且吸引人的网页效果。无论是简单的元素显示隐藏，还是复杂的动画交互，都能轻松实现。