Question

<!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>标记中，其中test作为ID。

为什么不起作用？

Answer 1

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

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

Answer 2

使用innerHTML属性追加您在段落标记内创建的标记。

动态添加锚到段落元素不起作用

2 个答案: