javascript - 动态将 anchor 添加到段落元素不起作用

<!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>

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

我创建一个新元素<a>
我将href添加到此元素（<a href="http://google.fr">）
我告诉JS去查找test，然后将此元素添加到以<p>为ID的test标记中。

为什么它不起作用？

最佳答案

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

var newLink = document.createElement('a');
newLink.href = 'http://google.fr';
newLink.innerHTML = 'My anchor';
document.getElementById('test').appendChild(newLink);