在字节跳动的业务中，经常会遇到需要对页面元素进行样式切换的场景。比如在一个视频播放页面，用户点击某个按钮后，视频播放器的边框颜色从蓝色变为红色。请用原生 JavaScript 实现这个功能。

答题要点

推荐使用分层分析法，按照需求拆解为不同步骤来解答。关键要点如下：第一，要获取目标元素，可通过 `document.getElementById` 等方法依据元素的 ID 或其他特征获取视频播放器元素。第二，要监听按钮点击事件，利用 `addEventListener` 方法为按钮添加 `click` 事件监听器。第三，修改样式，在事件处理函数中，通过修改元素的 `style` 属性来改变边框颜色。示例话术：首先，使用 `document.getElementById('video-player')` 获取视频播放器元素，再用 `document.getElementById('change-color-button')` 获取按钮元素，接着为按钮添加 `click` 事件监听器，在监听器的回调函数中，将视频播放器元素的 `style.borderColor` 属性设置为红色。