如何更改在JavaScript中既不是类也不是id的select元素？

Question

所以我试图用JavaScript更改下面的 值。

<td class="fc-day fc-fri fc-widget-content fc-past" data-date="2020-05-15">
    <div>
        <div class="fc-day-number">15</div>
        <div class="fc-day-content">
            <div style="border: black 1px solid;">&nbsp;</div>
        </div>
    </div>
<td>

这是一个预先设计的模板，我无法直接对其进行更改。因此，我正在尝试使用JavaScript，但找不到解决方法。作为记录，这是一个日历模板，因此有很多.fc-day。每个.fc-day的区别是data-date属性。非常感谢您的提前帮助：）

Answer 1

使用与所需日期匹配的选择器，然后在其中选择适当的DIV。

document.querySelector(".fc-day[data-date=2020-05-15] .fc-day-content > div").innerHTML = 'new contents');

Answer 2

如果可以使用父div的类名，并且该元素始终是该div中的第一个元素，则可以尝试使用firstChild，请尝试：

const el = document.querySelector(".fc-day-content").firstChild.innerHtml;

Answer 3

我制作了一个可行的JS小提琴，将为您提供参考。

function test(){
 document.querySelector(".fc-day-content > div").innerHTML = 'new contents';
}

请访问https://jsfiddle.net/q48frcgp/