我怎样才能在 JavaScript 中拥有全局 alt 标签答案

【问题标题】：How can I have global alt tags in JavaScript我怎样才能在 JavaScript 中拥有全局 alt 标签
【发布时间】：2023-01-07 03:11:05
【问题描述】：

我有很多图像。所有图片都有一个alt标签；像 alt="img1"...

变量中标签的保持值是否有变化？就像是

<script>
    const altVariable="img";
</script>

然后在 HTML 中使用这个变量，比如 alt="<script>altVariable</script>"？

我知道上面的行不是这样工作的。

【问题讨论】：

你想如何将alt标签写入图像，它只是一些默认的静态文本吗？在这种情况下，很容易编写一个方法来执行此操作（我刚刚在工作中做过类似的事情）。如果你想以某种方式为每个图像添加一个动态 alt 标签，这将需要更多工作，但这取决于你想要实现的目标
我想找到 SEO 的最佳关键词，我想从 1 个文件中编写它。第一个想法是使用 PHP，但是为了安全起见，PHP 被阻止了。我想为 <a href> 标题和图像标题做同样的事情。在过去，我不得不手动更改超过 12000 个标题和备选
如果你关心 SEO 那么你不应该用 javascript 来做。搜索引擎在抓取页面时不执行脚本，它们希望 alt 属性包含在您的标记中（这意味着您应该在服务器端执行此操作，就像您所说的那样，在 PHP 中）
该死的，你可能为我节省了很多时间。打算做这方面的研究。没有意识到搜索引擎是如何工作的。泰！
是的，如果您可以通过 php 或其他后端方法来完成，那么这是更可取的。然而，我最近在 JS 中写了一个回退，它找到空的 img alt 标签并替换它们。这确实提高了性能（但不是 SEO）。

【解决方案1】：

如果你想用相同的 alt 设置所有图像，你可以用 JavaScript 做到这一点。

const altVariable="img";
document.querySelectorAll('img').forEach(img => img.alt = altVariable);

【讨论】：

您好，我已将您的代码粘贴到 <script> 标签，但我没有在检查元素中看到 alt。我只有基本图像 atm。 <img class="img__left" src="img1.jpg"> 在 index.html 中
他们不会出现在源头上