将<li>节点替换为带有href in for循环的锚点

时间:2015-05-27 02:31:25

标签: javascript html css html5 href

理论上,此代码应将第1-4段写入指向www.bing.ca的链接,并将段落(数字)作为文本。我一直在努力寻找错误几天,而我却失败了。任何帮助,将不胜感激。这是我的第一个问题,所以如果我能够更好地为将来参考别人做些什么,我也会对此表示赞赏。谢谢。

以下是代码:

Exception in thread "main" org.postgresql.util.PSQLException: ERROR: syntax error at or near "\"
Position: 1

1 个答案:

答案 0 :(得分:0)

请注意,replaceNode IE http://help.dottoro.com/ljxvjvcg.php)。也许改为使用innerHTML

&#13;
&#13;
var innerDiv = document.getElementById("innerDiv");
var newDiv = document.createElement("div");
for (var i = 0; i < innerDiv.childNodes.length; i++) {
  var anchor =
    newDiv.appendChild(document.createElement("a"));
  anchor.setAttribute("href", "http://www.bing.ca");
  anchor.text = innerDiv.childNodes[i].textContent;
  newDiv.appendChild(document.createElement("br"));
}
innerDiv.innerHTML = newDiv.innerHTML;
&#13;
<div id="outerDiv">
  <p class='mainPara'>Main Paragraph</p>
  <ul>
    <li>First List Item</li>
    <li>Second List Item</li>
    <li>Third List Item</li>
    <li>Fourth List Item</li>
  </ul>
  <div id="innerDiv">
    <p class='subPara' id='P1'>Paragraph 1</p>
    <p class='subPara' id='P2'>Paragraph 2</p>
    <p class='subPara' id='P3'>Paragraph 3</p>
    <p class='subPara' id='P4'>Paragraph 4</p>
  </div>
  <table>
  </table>
  <input type="text" />
  <input type="submit" value="Submit!">
&#13;
&#13;
&#13;

始终检查控制台是否有错误,或在浏览器中打开javascript错误以进行调试。快速检查您的控制台会显示

  

TypeError:innerDiv.replaceNode不是函数

你自己可以很好地解决问题。