如何用JavaScript为无ID/Class的HTML label标签添加样式？

你的代码未生效的核心问题是：你选中的是label的父容器.container-normal，而非label元素本身，所以设置的样式只会作用在div上，不会影响到里面的label。

下面提供几种可行的解决方法：

方法1：直接修改选择器定位label #

通过在原选择器末尾加上 label，直接选中目标元素：

const targetLabel = document.querySelector('#Results_CheckZField .field-control .container-normal label');
targetLabel.setAttribute("style", "font-weight: bold;");

方法2：先选父容器再找子label #

如果需要保留父容器的引用，可先获取容器，再通过容器的querySelector找到内部的label：

const container = document.querySelector('#Results_CheckZField .field-control .container-normal');
const targetLabel = container.querySelector('label');
targetLabel.setAttribute("style", "font-weight: bold;");

方法3：用CSS实现（无需JS） #

如果不需要动态控制样式，直接用CSS定位label并设置样式更简洁：

#Results_CheckZField .field-control .container-normal label {
    font-weight: bold;
}

内容的提问来源于stack exchange，提问作者Quiya