Javascript 从DOM访问元素

我使用jquery动态创建元素。这是我的密码

function showArticles(res) {
    var output = '';
    res.articles.forEach(function (item) {
      output +=
        '<div class="col-12 col-lg-4 item-article" data-name="'+ item.author +'>'+
          '<p>' + item.description + '</p>'

          +
        '</div>'
      });
    articleWrapper.append(output);

返回未定义的

---

如何访问

数据名称

属性为什么会发生这种情况？

您可以使用

var itemArticle=$（'.item article'）.data（“名称”）
您得到了错误的属性

调用
showArticles
后，您可以执行以下操作：

var itemArticle = $('.item-article').attr("data-name");
// Or
var itemArticle = $('.item-article').data("name");

您尝试使用的代码是jQuery代码。如果要使用jQuery库，则需要导入该库。因为这个问题没有用jQuery标记，所以我假设您希望使用纯javascript

您可以使用函数
querySelectorAll（）
来获得匹配的元素。循环这些元素并运行
getAttribute（）
函数以获取属性值

var items = document.querySelectorAll('.item-article');

items.forEach((item) => {
  var dataName = item.getAttribute('data-name');
});

更改
$（'.item article'）.attr（“数据类型”）至
$（'.item article'）.attr（“数据名”）
data-**类型**
必须是
data-**名称**
var items = document.querySelectorAll('.item-article');

items.forEach((item) => {
  var dataName = item.getAttribute('data-name');
});