如何使用javascript添加内联样式

Question

我有这样的结构：

<div class="something1">
<div class="something2">
<div class="something3">
<div class="something4">
<div class="something5">
<div class="something6">
<div class="something7">
<div class="something8">
<div class="something9">
<article id="some-dynamical-id" class="something10">
<div class="something11">
<h2 class="something12">
<p class="post-meta"> ....

现在，我需要的是在最后一个元素中添加内联样式。

我试过这个：

<script>
document.getElementByClassName("post-meta").style.position = "absolute";
</script>

Answer 1

getElementByClassName应该是getElementsByClassName，它返回一个数组，因此您不能直接将样式应用于它，您必须选择第一个或创建一个循环。

如果这个类只有一个元素，我建议您将其转换为id并使用getElementById。否则，如果它是该类的第一个元素，则可以使用querySelector(".post-meta") (或getElementsByClassName("post-meta")[0])