textareaの値を2種類のIDのinnerHTMLに置き換える方法

Question

<p id="re">com</p> 
<p id="wi">net</p> 

<textarea name="sta"> 
www.example.com 
www.test.cOm 
www.mess.COM 
www.example.com 
www.xxxxx.org 
www.xxxxxx.org 
www.xxxxxx.com 
</textarea> 

textareaの値を#reのinnerHTMLに#wiに置き換えるにはどうすればよいですか？結果は、innerHTMLプロパティが変更され、私はあなたが最初の関連div要素のテキストを取得する必要があり、これを達成するために

textarea.replace(/com/gi, "net"); 

Answer 1

を交換通常の文字列を使用できないことを

www.example.net 
www.test.net 
www.mess.net 
www.example.net 
www.xxxxx.org 
www.xxxxxx.org 
www.xxxxxx.net 

注意となります 。その後、実際の交換を行う前にRegExpオブジェクトを作成することができます。これを試してみてください：

var textarea = document.querySelector('textarea'); 
 
var match = document.getElementById('re').textContent.trim(); 
 
var replacement = document.getElementById('wi').textContent.trim(); 
 

 
textarea.value = textarea.value.replace(new RegExp(match, 'gi'), replacement);

<p id="re">com</p> 
 
<p id="wi">net</p> 
 

 
<textarea name="sta" rows="10"> 
 
www.example.com 
 
www.test.cOm 
 
www.mess.COM 
 
www.example.com 
 
www.xxxxx.org 
 
www.xxxxxx.org 
 
www.xxxxxx.com 
 
</textarea>

Answer 2

あなたはjqueryのをタグ付けする方法として見て、あなたがこれを使用することができます

var match = $('#re').text(); 
var re = new RegExp(match, 'gi'); 
$('[name="sta"]').val(

    $('[name="sta"]').val().replace(re,$('#wi').text()) 
); 

var match = $('#re').text(); 
 
var re = new RegExp(match, 'gi'); 
 
$('[name="sta"]').val(
 
\t 
 
\t $('[name="sta"]').val().replace(re,$('#wi').text()) 
 
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p id="re">com</p> 
 
<p id="wi">net</p> 
 

 
<textarea name="sta"> 
 
www.example.com 
 
www.test.cOm 
 
www.mess.COM 
 
www.example.com 
 
www.xxxxx.org 
 
www.xxxxxx.org 
 
www.xxxxxx.com 
 
</textarea>