JavaScript 获取 div 的内容

在 Web 开发中，我们经常需要获取页面中某个元素（如 div）的内容。这时候，就需要用到 JavaScript。

1. 使用 innerHTML 属性

JavaScript 提供了获取元素内容的 innerHTML 属性，可以轻松地获取一个 div 的 HTML 内容，如下所示：

const divContent = document.getElementById('myDiv').innerHTML;
console.log(divContent);

其中，document.getElementById('myDiv') 获取 id 为 myDiv 的 div 元素，然后使用 innerHTML 属性获取其 HTML 内容。

2. 使用 textContent 属性

与 innerHTML 属性不同，textContent 属性获取的是元素的文本内容，而不是 HTML 内容。以下是示例代码：

const divContent = document.getElementById('myDiv').textContent;
console.log(divContent);

3. 使用 jQuery

如果你使用 jQuery 做前端开发，那么获取一个 div 的内容可以更加简单，如下所示：

const divContent = $('#myDiv').html();
console.log(divContent);

可以看到，使用 jQuery 可以用更短的代码实现同样的功能。

总结

以上就是 JavaScript 获取 div 内容的方法，其中 innerHTML 和 textContent 属性是原生 JavaScript 提供的，而 jQuery 则提供了更加便捷的方式。根据实际需求，选择适合自己的方法即可。