JavaScript快速入门+文档查询【详解】

// 快速入门JavaScript并查询文档的示例
 
// 获取文档中的所有段落元素
var paragraphs = document.querySelectorAll('p');
 
// 遍历并打印每个段落的内容
paragraphs.forEach(function(paragraph) {
    console.log(paragraph.textContent);
});
 
// 为文档中的所有列表项添加点击事件监听器
var listItems = document.querySelectorAll('li');
listItems.forEach(function(listItem) {
    listItem.addEventListener('click', function() {
        alert('你点击了列表项：' + listItem.textContent);
    });
});
 
// 创建一个新的div元素，设置其内容，并将其追加到body
var newDiv = document.createElement('div');
newDiv.textContent = '这是一个新的div元素';
document.body.appendChild(newDiv);

这段代码展示了如何使用document.querySelectorAll和document.createElement等DOM操作的基本方法，并且演示了如何为元素添加事件监听器。这对于学习如何与网页文档交互是非常有用的。