在javascript中使用锚标记时出错

时间:2016-04-07 14:49:06

标签: javascript html dom anchor

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

  newDiv.appendChild(titleLink);

当我通过js创建时单击链接时,它显示找不到页面。但是当我在html中使用<a>标记显式添加它时,相同的链接会正确打开。可能是什么问题呢??

指向整个代码的链接位于:http://codepen.io/jpninanjohn/pen/GZrzoG

3 个答案:

答案 0 :(得分:1)

删除答案旁边的单引号:

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

  newDiv.appendChild(titleLink);

答案 1 :(得分:1)

我认为这是FreeCodeCamp的练习。作为一个FreeCodeCamper,很高兴看到另一个露营者在stackoverflow中提问。

反正 你几乎接近解决方案!只需进行此调整,您就可以开始了!

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

错误您在答案[3] [i] 上添加了单引号。 或者,我添加了一个属性以在新选项卡中打开链接。

希望它有所帮助!

答案 2 :(得分:0)

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