Javascript-按类别，遍历DOM和分配类别选择元素

Question

我开发网站已有一段时间，但现在才开始研究JavaScript，主要是因为我对此感到恐惧。

但是我完成了几门课程，买了几本书，现在我想写些自己的东西。 除非它不起作用，我无法弄清楚。

我的HTML img元素具有aligncenter类，并包装在<p>标记中。 我想获取呈现页面上的元素，遍历到父<p>标记，并为该标记分配一个类，以使图像中心对齐。

那我在做什么错呢？

 document.addEventListener('DOMContentLoaded',function(){ // select the image var image = function() { document.getElementsByClassName('aligncenter'); } //traverse to parent p tag var parent = function() { image.elementParentNode; } // align parent p tag to center function assignClass() = { parent.classname += "imageCenter"; } }) 

谢谢！

本

Answer 1

您可以使用jquery的addClass函数执行此操作

“ element_id” .addClass（“ classname”）;

Answer 2

您使用的功能错误。 而且，您的情况下不需要功能。

您可以简单地执行以下操作：

document.addEventListener('DOMContentLoaded',function()
{      
    var elems = document.getElementsByClassName("aligncenter");
    for (var i = 0; i < elems.length; i++)
        elems.item(i).parentNode.classList.add('aligncenter');
});

但是，就逻辑和CSS结构而言，在文档加载时分配这些值很奇怪。