如何在javascript变量的纯文本中添加html标签答案

【问题标题】：How to add html tag inside plain text of javascript variable如何在javascript变量的纯文本中添加html标签
【发布时间】：2018-12-11 15:07:12
【问题描述】：

我在 javascript 代码中有以下变量，它在网站的弹出消息上显示纯文本。

"message": "This website is using browser cookies as per our internal cookie 
policy and privacy policy. By entering our website, you acknowledge that you 
have read and understood our privacy policy",

我正在尝试通过向它们添加锚标记来使“隐私政策”显示为超链接。我怎样才能做到这一点？

【问题讨论】：

您使用的是哪种弹出消息？
cookie 同意。它只能通过添加“链接”变量来选择将超链接添加到文本的最后一个“隐私策略”。但我还想在句子中间的隐私政策文本中添加一个超链接。

标签： javascript html hyperlink tags anchor

【解决方案1】：

var msg = '<h1>Message</h1>'

为了让网络浏览器将其转换为 HTML，您需要使用document.write() 方法。

【讨论】：

我尝试了以下方法但没有成功： "message": "本网站根据我们的内部 cookie 政策和隐私政策使用浏览器 cookie .
因为你用错了。正确一："This website is using browser cookies as per our internal cookie policy and <a href='/privacy-policy'> privacy policy</a>."看引号怎么写。

【解决方案2】：

使用elements 代替cookieconsent 库的content 属性。所以使用

elements: {
  message: 'This website is using browser cookies as per our internal cookie policy and <a href="/privacy-policy"> privacy policy</a>.'
}

而不是

content: {
  message: 'This website is using browser cookies as per our internal cookie policy and <a href="/privacy-policy"> privacy policy</a>.'
}

【讨论】：

【解决方案3】：

根据您的问题，我认为您正在尝试做这样的事情？而不是将其附加到正文中，而是将其附加到您的弹出窗口并将 href 属性更改为您需要的内容。

var policy = document.createElement('a');
var t = document.createTextNode('message: This website is using browser cookies as per our internal cookie policy and privacy policy. By entering our website, you acknowledge that you have read and understood our privacy policy');     // Create a text node
policy.appendChild(t);  
policy.setAttribute('href', "http://google.com");
document.body.appendChild(policy);

<html>
<body>

</body>
</html>

【讨论】：