如何在 Javascript 文本节点中获取 HTML 标签? [英] How do I get HTML tags inside of a Javascript Text Node?

问题描述

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

点击这里

但是，我希望单击此处"作为链接.我是 Javascript 的新手，所以这对我有很大帮助.下面是我正在谈论的一个例子......

<script type="text/javascript">var mynode=document.createTextNode('<a href="http://www.example.com">点击这里</a>');document.getElementById('mydiv').appendChild(mynode);

解决方案

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

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

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

my question was pretty much explained up in the title. How do I get HTML tags inside of a Javascript Text Node? The result of my code on the page is...

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

However, I want "Click Here" to be a link. I am new to Javascript, so this would help me out a lot. Below is an example of what I'm talking about...

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

解决方案

You can't put links in a text node. Links are elements. Elements can (sometimes) contain text nodes, but the reverse is not true.

You need to create an element, set attributes on it, then append text to that element.

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

这篇关于如何在 Javascript 文本节点中获取 HTML 标签?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！