在JavaScript中,我们可以通过以下步骤来操作DOM:
document.getElementById()
或 document.querySelector()
方法获取DOM元素对象。以下是一个操作DOM的示例代码:
// 获取元素对象
const myDiv = document.getElementById('myDiv');
// 更改样式
myDiv.style.backgroundColor = 'red';
// 更改内容
myDiv.textContent = 'Hello World!';
// 添加事件监听器
myDiv.addEventListener('click', () => {
alert('Hello World!');
});
需要注意的是,操作DOM也需要遵循一定的性能原则,例如尽量减少DOM操作次数,使用事件委托等。