javascript - 在标签名称中创建新的 HTML 属性时出现问题

Question

我想添加属性class='notranslate'在<pre>阻止 Google 翻译 <pre> 中的内容标签。

我使用这个 JavaScript，它可以工作。

<script type='text/javascript'>
//<![CDATA[
var pre = document.getElementsByTagName("PRE")[0];
var att = document.createAttribute("class");
att.value = "notranslate";
pre.setAttributeNode(att);
//]]>
</script>

但是有问题。 JavaScript 一开始只能工作 <pre>标签。

任何人都可以帮助我，如何添加class='notranslate'整个标签<pre> ？

谢谢你，对我的英语感到抱歉。

Answer 1

不要做 document.getElementsByTagName("PRE")[0]; ，它会为您提供第一个元素(这就是 [0] 的用途)，而是使用循环。

document.getElementsByTagName("PRE").forEach(pre => {
  const att = document.createAttribute("class");
  att.value = "notranslate";
  pre.setAttributeNode(att);
});