如何通过label的for属性用原生JavaScript隐藏指定div

你的代码存在两个核心问题：

• getElementsByClassName() 仅支持传入类名字符串，无法识别完整CSS选择器（比如label[for="..."]这类语法）
• 目标元素.paymentProviderHeader-cc并非label的直接子元素，它嵌套在.paymentProviderHeader-container内部，不能使用>直接子元素选择器

以下是正确的原生JavaScript代码：

// 定位到带有指定for属性的label元素
const targetLabel = document.querySelector('label[for="radio-paypalcommerce"]');
// 在该label的子元素范围内找到目标div
const ccDiv = targetLabel.querySelector('.paymentProviderHeader-cc');
// 隐藏元素（两种方式可选，按需使用）
ccDiv.style.visibility = 'hidden';
// 若需要完全移除元素占位，替换为下面这句
// ccDiv.style.display = 'none';

代码说明 #

• document.querySelector() 支持完整CSS选择器语法，能精准定位到目标label
• 调用label元素的querySelector()，只会在该label的子树范围内查找元素，不会影响页面其他同名类的元素
• 两种隐藏方式的差异：
  • visibility: hidden：元素隐藏但保留原有布局空间
  • display: none：元素隐藏且不再占据页面空间

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