如何使用JavaScript为已有类元素.logoImg添加超链接？

你的代码存在两个关键错误：

• 错误将href当作方法调用（使用了括号()），且赋值逻辑完全颠倒。href是a标签的属性，正确赋值写法为a.href = "https://website.com";
• 仅创建了a标签，但未将目标元素（.logoImg）嵌套进a标签内，也没有把新生成的a标签插入到DOM结构中。

针对你给已存在的.logoImg元素添加链接的需求，正确实现代码如下：

// 获取目标元素
const logoImg = document.querySelector('.logoImg');
// 创建a标签
const link = document.createElement('a');
// 设置a标签的跳转地址
link.href = 'https://website.com';
// 将logoImg元素嵌套进a标签
logoImg.parentNode.insertBefore(link, logoImg);
link.appendChild(logoImg);

如果页面中有多个.logoImg元素，需要用querySelectorAll遍历处理：

const logoImgs = document.querySelectorAll('.logoImg');
logoImgs.forEach(img => {
  const link = document.createElement('a');
  link.href = 'https://website.com';
  img.parentNode.insertBefore(link, img);
  link.appendChild(img);
});

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