js body查询和替换

// 获取整个body元素
const bodyElement = document.body;

// 获取body内的特定元素
const specificElement = document.querySelector('body .specific-class');

// 创建一个新的div元素
const newContent = document.createElement('div');
newContent.innerHTML = '<h1>New Content</h1>';

// 替换body的内容
document.body.replaceChild(newContent, document.body.firstChild);

// 直接设置body的innerHTML
document.body.innerHTML = '<h1>Entire Body Content Replaced</h1>';

const fragment = document.createDocumentFragment();
for (let i = 0; i < 10; i++) {
    const div = document.createElement('div');
    div.textContent = `Item ${i}`;
    fragment.appendChild(div);
}
document.body.appendChild(fragment);

document.addEventListener('DOMContentLoaded', function() {
    const element = document.querySelector('.some-element');
    if (element) {
        // 执行相关操作
    }
});