我如何将 class 添加到纯 JS 中选定元素的父级 parentNode 未定义

Question

你好，我正在尝试为通过所有选择器的元素添加 class 这是我当前的代码

document.querySelectorAll('.inner p .align_center').parentNode.classList.add('center_text')

哪个呃应该有用，我正在尝试翻译这个 jquery 代码

$(".inner p .align_center").parent().addClass('center_text')

但我在控制台中得到 .parentNode is undefined 为什么？我选择了 .alignt-center 的 class 的 p 子元素，我想将 class 添加到那个 p 元素，或者有更简单的方法来做同样的事情吗？我做错了什么

Answer 1

var a = document.querySelectorAll('.inner p .align_center');
for(var i = 0; i < a.length; i++) {
    a[i].parentNode.classList.add('center_text');
}

只需要将 querySelectorAll 视为数组而不是单个元素

How do i add class to parent from selected element in pure JS parentNode is undefined