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（ “类名”）;

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结构方面，在文档加载上分配这些值是很奇怪的。

Javascript - 按类选择元素，Traverse DOM＆amp;分配类

2 个答案: