JavaScript 中如何获取 div 元素的 id

要获取 div 元素的 id，可以使用 jQuery 的方法或纯 JavaScript 的方法。

使用 jQuery 获取 div 元素的 id

jQuery 是一个流行的 JavaScript 库，包含了各种方便快捷的方法。使用 jQuery 获取 div 元素的 id 非常简单：

var id = $('#myDiv').attr('id');

这里的 #myDiv 是一个 jQuery 选择器，用于选取具有 id 为 myDiv 的元素。然后使用 .attr('id') 方法获取该元素的 id 属性值，并将其赋值给变量 id。

使用纯 JavaScript 获取 div 元素的 id

与 jQuery 不同，纯 JavaScript 没有一个专用的方法可以获取元素的 id 属性值。不过，我们可以通过直接访问 id 属性来获取它，代码如下：

var div = document.getElementById('myDiv');
var id = div.id;

这里的 document.getElementById('myDiv') 方法用于选取具有 id 为 myDiv 的元素，并将该元素赋值给变量 div。然后，我们可以通过 div.id 访问该元素的 id 属性值，并将其赋值给变量 id。

需要注意的是，使用纯 JavaScript 获取元素时，需要将 jQuery 选择器 #myDiv 替换成 document.getElementById('myDiv')。

总结

无论是使用 jQuery 还是纯 JavaScript，获取 div 元素的 id 都非常简单。选择哪种方法取决于个人的习惯和项目需求。在使用 jQuery 的项目中，推荐使用 jQuery 的方法，因为它更为简洁方便；在不使用 jQuery 或有其他需求的项目中，可以使用纯 JavaScript 的方法获取元素。