简单
技术面试0 次浏览在字节跳动的业务中,经常会遇到需要对网页上元素的样式进行动态修改的场景。请说明如何使用 JavaScript 修改一个元素的背景颜色为红色。
字节跳动前端工程师
JavaScriptDOM操作
答题要点
推荐使用步骤分析法来回答。关键要点如下:1. 获取目标元素:通过 document 对象的方法,如 getElementById、querySelector 等获取要修改样式的元素。例如,如果元素有 id 为 'target',可以用 document.getElementById('target') 获取。2. 修改样式属性:获取元素后,通过 style 属性来修改其背景颜色。将 backgroundColor 属性设置为'red'。3. 代码示例:将上述步骤组合成代码,如 var target = document.getElementById('target'); target.style.backgroundColor ='red'; 示例话术:首先,我会使用 document.getElementById 方法获取目标元素。然后,通过该元素的 style 属性,将 backgroundColor 设置为'red'。最后,这样就实现了将元素的背景颜色修改为红色的需求。