Javascript innerHTML有时有效，有时无效'；T

当你点击电容器10pf时，页面顶部的文本应该会改变，但点击39pf会改变背景中的图像，但不会使顶部从10pf变为39pf。它保持在10华氏度

我不确定是什么原因造成的。以下是一些示例代码：

HTML:

---

此外，如果您有任何简化此代码的想法，我们将不胜感激。

这里有一个更轻松的方法。只需添加背景逻辑即可

<div id="bbtop"></div>
<div id="bbdefine"></div>
<ul class="dl-submenu">
  <li><a>10pf</a></li>
  <li><a>39pf</a></li>
  <li><a>47pf</a></li>
  <li><a>1000pf</a></li>
</ul>

<div id="bbtop"></div>
<div id="bbdefine"></div>
<ul class="dl-submenu">
  <li><a>10pf</a></li>
  <li><a>39pf</a></li>
  <li><a>47pf</a></li>
  <li><a>1000pf</a></li>
</ul>

如果需要支持较旧的浏览器，请测试此代码并检查控制台是否有错误，然后填充任何不可用的内容<不幸的是，code>addEventListener并不总是存在。
不可复制：尝试使用
textContent
而不是
innerHTML
。可能是因为它在子菜单中？如果从#bbdefine中删除类“blink”，它就会工作。该页面实际上已经有jQuery了。。。我没有真正理解这一行
var bbdefine=document.getElementById（'bbtop'）
我会把href链接到png文件吗？@jaksco这是我的一个速度编码错误：）显然，
bbdefine
应该引用
bbdefine
元素。您还需要获取其他元素引用，并根据需要对其进行操作。您可以在链接上添加
data src=“path/here”
，然后使用
this.getAttribute（'data-src'）
获取值。
<div id="bbtop"></div>
<div id="bbdefine"></div>
<ul class="dl-submenu">
  <li><a>10pf</a></li>
  <li><a>39pf</a></li>
  <li><a>47pf</a></li>
  <li><a>1000pf</a></li>
</ul>

var bbdefine = document.getElementById('bbdefine');

var elems = document.querySelectorAll('.dl-submenu li a');

for (var i=0; i<elems.length; ++i) {
  elems[i].addEventListener('click', clickFunc);
}

function clickFunc(event) {
  bbdefine.textContent = this.textContent+' Capacitor';
}