僅使用普通javascript替換HTML的<>箭頭

Question

題

如何用錨替換<作為HTML包裝器？

背景

我使用Twitter用戶的名稱獲取JSON值，如<jgallardo949>

因為我不希望打印到頁面：

• 我想替換< with <a href="twitter.com/{{data.author}}">
• 和>與</a>
• 代碼的最終結果將是<a href="twitter.com/jgallardo949">jgallardo949</a>
• 頁面上的最終結果將是：jgallardo949

我引用了其他類似的問題，我可以在這里和其他地方找到。 我得到了關於替換字符串文本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;

Answer 1

HTML中的A >將返回> 所以這樣做(\\>|>) ，它會找到兩者。

var n2=str3.replace(/(\>|&gt;)/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(/(\\>|&gt;)/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>