0 
<!DOCTYPE html>
<html>

<head>
    <title></title>
</head>
<body>
<div>
    <p id="test"></p>
</div>
<script>
    var newLink = document.createElement('a'); // #1
    newLink.href = 'http://google.fr'; // #2
    document.getElementById('test').appendChild(newLink); // #3
</script>

</body>
</html>

这不起作用，我不明白为什么。

  1. 我创建了一个新元素<a>
  2. 我将 href 添加到此元素 ( <a href="http://google.fr">)
  3. 我告诉 JS 去查找test并将这个元素添加到作为 ID 的<p>标签中。test

为什么它不工作？

4

2 回答 2

7

.innerHTML尝试通过设置属性向元素添加一些内容。就像现在一样，您只是添加一个空锚。尝试这样的事情：

var newLink = document.createElement('a');
newLink.href = 'http://google.fr';
newLink.innerHTML = 'My anchor';
document.getElementById('test').appendChild(newLink);
于 2012-10-30T07:35:13.250 回答
-2

使用innerHTML属性将您创建的标签附加到段落标签内。

于 2012-10-30T07:57:56.300 回答