使用JavaScript

Question

我試圖用正則表達式與ALT替換img標籤，但用它只能在PHP和年前：

var msgText = thisMSG.getElementsByClassName('message-text')[0].getElementsByClassName('emojitext')[0].innerHTML; 
msgText = msgText.replace('/<img src="([\.]*)"([\.]*)alt="[([\.]*)">/g','\\3'); 

我想更換與ALT含量img標籤：

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="emoji emojiordered0186 selectable-text" draggable="false" alt="❤"> 

任何想法有什麼不對？

編輯：圖像可以是sentnce的一部分，如：

I <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="emoji emojiordered0186 selectable-text" draggable="false" alt="❤"> U! 

Answer 1

您不必使用正則表達式這一點。改爲使用下面的代碼。

var msgText = thisMSG.querySelector(".message-text .emojitext"); 
msgText.parentNode.replaceChild(document.createTextNode(msgText.alt), msgText); 

對於多個變化：

[].forEach.call(document.querySelectorAll(".message-text .emojitext"), function(emoji) { 
    emoji.parentNode.replaceChild(document.createTextNode(emoji.alt), emoji); 
}); 

Answer 2

好，我知道：

var msgText = null; 
while (msgText = thisMSG.querySelector('.message-text .emojitext .emoji')) 
{ 
    msgText.outerHTML = msgText.alt; 
} 

和使用的文字：

thisMSG.querySelector('.message-text .emojitext').innerHTML