时间戳

首页 > 解决方案 > javascript查询选择器问题

javascript - javascript查询选择器问题

问题描述

我正在尝试通过 javascript 中的 queryselector 选择嵌套的 h2 标记，但这似乎不起作用，我在页面上看不到任何结果。

var changeTextForBundle = document.querySelector('.picky-bundler-container .picky-custom-html h2');      
      changeTextForBundle.style.background-color:='#363636';

HTML 文件

<div data-v-3efab0bc="" class="picky-bundler-container picky-widget">
    <div data-v-3c43f93f="" data-v-3efab0bc="" class="picky-custom-html">
        <h2 style="width:100%; display:flex; justify-content:center; align-items:center;">Frequently Bought Together</h2>
    </div>
</div>

标签： javascript

解决方案

您正在使用奇怪的语法。

var changeTextForBundle = document.querySelector('.picky-bundler-container .picky-custom-html h2');
changeTextForBundle.style.backgroundColor='#363636';

应该工作得更好；）

推荐阅读