如何在Javascript文本节点中获取HTML标记？

Question

我的问题在标题中得到了很好的解释.如何在Javascript文本节点中获取HTML标记？我的代码在页面上的结果是......

<a href="http://www.example.com">Click Here</a>

但是,我希望"点击这里"成为一个链接.我是Javascript的新手,所以这对我帮助很大.以下是我所说的一个例子......

<div id="mydiv">
</div>
<script type="text/javascript">
var mynode=document.createTextNode('<a href="http://www.example.com">Click Here</a>');
document.getElementById('mydiv').appendChild(mynode);
</script>

Answer 1

您不能将链接放在文本节点中.链接是元素.元素可以(有时)包含文本节点,但反之则不然.

您需要创建一个元素,在其上设置属性,然后将文本附加到该元素.

var link = document.createElement('a');
link.setAttribute('href', 'http://www.example.com');
link.appendChild(document.createTextNode('Click Here'));
document.getElementById('mydiv').appendChild(link);