简单
技术面试0 次浏览小米有很多智能设备的控制页面,在这些页面中,需要根据用户的操作实时更新设备状态显示。请简述如何使用 JavaScript 实现一个简单的事件监听,当点击一个按钮时,改变页面上某个设备状态文本的显示内容。
小米前端工程师
JavaScript事件监听前端交互
答题要点
推荐使用分层分析法来解答此题。首先,分析问题的层次,明确需要完成的几个步骤。关键要点如下:一是获取按钮和设备状态文本的 DOM 元素,可使用 `document.getElementById` 等方法;二是为按钮添加事件监听器,使用 `addEventListener` 方法,指定事件类型为 `click`;三是在事件处理函数中,修改设备状态文本的显示内容,可通过 `innerHTML` 或 `textContent` 属性。示例话术:首先,通过 `document.getElementById` 获取按钮和设备状态文本的 DOM 元素。然后,使用 `addEventListener` 为按钮添加 `click` 事件监听器。在事件处理函数里,将设备状态文本的 `innerHTML` 修改为新的内容,这样当点击按钮时,页面上的设备状态文本就会更新。