在 javascript 中使用锚标记时出错

Question

  var titleLink=document.createElement("a");
  titleLink.setAttribute("href",'answers[3][i]');
  titleLink.innerHTML=answers[1][i];  

  newDiv.appendChild(titleLink);

当我点击通过js创建的link时，显示找不到页面。但是，当我使用 html 中的 <a> 标记明确添加它时，相同的 link 可以正确打开。可能是什么问题呢？？

Link 整个代码在这里：http://codepen.io/jpninanjohn/pen/GZrzoG

Answer 1

您的代码有错误，您将 'answers[3][i]' 作为字符串传递。试试不带括号 )

Answer 2

删除答案周围的单引号：

  var titleLink=document.createElement("a");
  titleLink.setAttribute("href",answers[3][i]);
  titleLink.innerHTML=answers[1][i];  

  newDiv.appendChild(titleLink);

Answer 3

我假设这是 FreeCodeCamp 的练习。作为 FreeCodeCamper，很高兴看到另一个露营者在 Whosebug 中提问。

无论如何，你几乎接近解决方案！只需进行此调整，您就可以开始了！

titleLink.setAttribute("target","_blank");
titleLink.setAttribute("href",answers[3][i]);
titleLink.innerHTML=answers[1][i];

您在 answers[3][i] 上添加了单引号，这是一个错字。或者，我添加了一个属性以在新选项卡中打开 link。

希望对您有所帮助！

在 javascript 中使用锚标记时出错

Error using anchor tag in javascript

html

javascript

anchor

dom