如何隐藏jelly属性及指定标签？getElementsById获取标签返回null

1. 隐藏jelly属性相关元素/样式 #

如果你要隐藏带有jelly自定义属性的元素，直接用CSS属性选择器就能实现：

/* 所有带jelly属性的元素都会被隐藏 */
[jelly] {
  display: none;
}

如果需要动态控制（比如通过JS触发隐藏），可以用JS批量获取并设置：

// 获取所有带jelly属性的元素
const jellyElements = document.querySelectorAll('[jelly]');
jellyElements.forEach(el => {
  el.style.display = 'none';
});

要是你说的jelly是元素的类名（比如class="jelly"），那把选择器换成.jelly就行，JS里用document.querySelectorAll('.jelly')。

2. 解决getElementById返回null并隐藏目标标签 #

getElementById返回null大概率是这几个原因：代码执行早于DOM加载、ID拼写错误（大小写敏感）、页面里确实没这个ID的元素。对应解决方法如下：

方法1：确保DOM加载完成后执行代码 #

把JS代码放在页面底部（</body>标签前），或者用DOM加载完成事件包裹：

document.addEventListener('DOMContentLoaded', function() {
  const targetLink = document.getElementById('your-link-id');
  if (targetLink) { // 先判断元素存在，避免报错
    targetLink.style.display = 'none';
  }
});

方法2：检查ID的正确性 #

确认你给标签加的ID和JS里的完全一致，比如标签是<a id="img-link" ...>，JS里就必须写getElementById('img-link')，大小写、字符都不能错。

方法3：用其他选择器定位（替代ID） #

如果加ID不方便，直接用标签的href属性定位（匹配链接里的特征字符串）：

// 匹配href包含YOCRS.png的<a>标签
const targetLink = document.querySelector('a[href*="YOCRS.png"]');
if (targetLink) {
  targetLink.style.display = 'none';
}

也可以根据标签的文本内容、class属性来定位，比如通过el.textContent.includes("enter image description here")筛选元素后设置隐藏。

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