js document怎么用

// 通过 ID 获取元素
let elementById = document.getElementById('myId');

// 通过类名获取元素集合
let elementsByClass = document.getElementsByClassName('myClass');

// 通过标签名获取元素集合
let elementsByTag = document.getElementsByTagName('div');

// 使用 querySelector 获取第一个匹配的元素
let firstElement = document.querySelector('.myClass');

// 使用 querySelectorAll 获取所有匹配的元素集合
let allElements = document.querySelectorAll('.myClass');

// 修改元素的文本内容
elementById.textContent = '新的文本内容';

// 修改元素的 HTML 内容
elementById.innerHTML = '<span>新的 HTML 内容</span>';

// 修改元素的属性
elementById.setAttribute('data-custom', 'value');

// 创建一个新的 div 元素
let newDiv = document.createElement('div');

// 设置新元素的文本内容
newDiv.textContent = '我是新添加的内容';

// 将新元素添加到页面中的某个元素内
document.body.appendChild(newDiv);

// 从 DOM 中移除一个元素
elementById.parentNode.removeChild(elementById);

window.onload = function() {
    let element = document.getElementById('myId');
    // 其他操作...
};

document.getElementById('myButton').addEventListener('click', function() {
    alert('按钮被点击了！');
});