仅使用纯javascript将<>箭头替换为HTML键
仅使用纯javascript将<>箭头替换为HTML键
提问于 2018-07-06 05:13:57
问题
如何用锚点替换<作为HTML包装器？
背景
我得到了一个JSON值，其中包含一个推特用户名，类似于<jgallardo949>
因为我不想打印到页面上：
我想用</a>
- The替换
<，<a href="twitter.com/{{data.author}}">
- 和
>在代码中的最终结果将是页面上的最终结果将只是: jgallardo949
我引用了其他类似的问题，我在这里和其他地方都能找到。我从Replace string of text javascript上的答案开始
我的后续实践奏效了。但是特别是>符号有一个挑战，或者我错过了什么？
代码
前两个有效，最后一个无效
HTML
<div class="label">With Profits Financial Strength:</div>
<div class="data rating">****</div>
<div class="data2 thing">+</div>
<div class="author twitter"> > </div>JS
var str=document.getElementsByClassName("data" ,"raiting")[0].innerHTML;
var n=str.replace(/\*/g,"star");
document.getElementsByClassName("data", "raiting")[0].innerHTML=n;
var str2=document.getElementsByClassName("data2" ,"thing")[0].innerHTML;
var n2=str2.replace(/\+/g,"<h1>moon</h1>");
document.getElementsByClassName("data2", "thing")[0].innerHTML=n2;
var str3=document.getElementsByClassName("author" ,"twitter")[0].innerHTML;
var n2=str3.replace(/\>/g,"<h1>moon3</h1>");
document.getElementsByClassName("author", "twitter")[0].innerHTML=n2;
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-07-06 05:20:14
超文本标记语言中的一个>被返回为>，所以像这样做(\>|>)，它会同时找到两个。
var n2=str3.replace(/(\>|>)/g,"<h1>moon3</h1>");堆栈代码段
var str=document.getElementsByClassName("data" ,"raiting")[0].innerHTML;
var n=str.replace(/\*/g,"star");
document.getElementsByClassName("data", "raiting")[0].innerHTML=n;
var str2=document.getElementsByClassName("data2" ,"thing")[0].innerHTML;
var n2=str2.replace(/\+/g,"<h1>moon</h1>");
document.getElementsByClassName("data2", "thing")[0].innerHTML=n2;
var str3=document.getElementsByClassName("author" ,"twitter")[0].innerHTML;
var n2=str3.replace(/(\>|>)/g,"<h1>moon3</h1>");
document.getElementsByClassName("author", "twitter")[0].innerHTML=n2;<div class="label">With Profits Financial Strength:</div>
<div class="data rating">****</div>
<div class="data2 thing">+</div>
<div class="author twitter"> > </div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51200003
复制相关文章
相似问题