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

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

为什么它不起作用？

来源

2012-10-30 Ydhem

尝试在元素中添加一些内容以及设置.innerHTML属性。现在你只需要添加一个空锚点。试试这样的：

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

来源

2012-10-30 07:35:13

请参阅[为什么StackOverflow让您等待2-x分钟才能接受答案？]（http://meta.stackexchange.com/questions/85521/why-does-stackoverflow-make-you-wait- 2-x-minutes-before-you-can-accept-an-answer） – Barmar

@barmar＆Christofer谢谢！ – Ydhem

-2

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

来源

2012-10-30 07:57:56 ishtiaq

这是错误的，为什么它发布为一个项目符号列表？而且请不要使用IM语言，你可以拼出“你”。 – Barmar

这并不能解决问题。问题是他没有创建任何文本点击。 – Barmar

回答

相关问题