Javascript Jquery-如何替换div中的一个单词?

Javascript Jquery-如何替换div中的一个单词?,javascript,jquery,html,split,jquery-selectors,Javascript,Jquery,Html,Split,Jquery Selectors,我有一个从另一个位置复制的div,我需要更改其中的一个单词。这是html: <div class="dealer-addy"> 8726 N. Royal Ln<br> Irving, TX 75063<br> email@aol.com </div> 它在split()上中断,所以我添加了replace()行,现在它在replace()行中断。我认为它是因为“文本”中的换行而中断的,但我不确定该怎么办。您可以这样做:

我有一个从另一个位置复制的div,我需要更改其中的一个单词。这是html:

<div class="dealer-addy">
    8726 N. Royal Ln<br>
    Irving, TX  75063<br>
    email@aol.com
</div>

它在split()上中断,所以我添加了replace()行,现在它在replace()行中断。我认为它是因为“文本”中的换行而中断的,但我不确定该怎么办。

您可以这样做:

Javascript:

var orignalstring = document.getElementById("dealer-addy").innerHTML;
var newstring = orignalstring.replace("email@aol.com","replaced");
document.getElementById("dealer-addy").innerHTML = newstring;
<div id="dealer-addy">
    8726 N. Royal Ln<br>
    Irving, TX  75063<br>
    email@aol.com
</div>
<div class="dealer-addy">
    8726 N. Royal Ln<br>
    Irving, TX  75063<br>
    <span id="email">email@aol.com</span>
</div>
document.getElementById("email").innerHtml = "new email";
Html:

var orignalstring = document.getElementById("dealer-addy").innerHTML;
var newstring = orignalstring.replace("email@aol.com","replaced");
document.getElementById("dealer-addy").innerHTML = newstring;
<div id="dealer-addy">
    8726 N. Royal Ln<br>
    Irving, TX  75063<br>
    email@aol.com
</div>
<div class="dealer-addy">
    8726 N. Royal Ln<br>
    Irving, TX  75063<br>
    <span id="email">email@aol.com</span>
</div>
document.getElementById("email").innerHtml = "new email";
var text=$(“.dealer addy”).text();
功能提取电子邮件(文本){
返回文本.match(/([a-zA-Z0-9.\u-]+@[a-zA-Z0-9.\u-]+\.[a-zA-Z0-9.\u-]+)/gi);
}
var电子邮件=提取电子邮件(文本);
var值=$(“.dealer addy”).text();
值=值。替换(电子邮件,“new@email.com"); 
$(“.dealer addy”).text(值)

8726北皇家Ln
德克萨斯州欧文75063
email@aol.com
您可以获取
div
lastChild
,并使用
replaceChild
插入所需的新文本:
document.querySelector('button')。addEventListener('click',function(){
var div=document.querySelector(“.dealer addy”);
var newEmail=vitor@stackoverflow.com';
div.replaceChild(document.createTextNode(newEmail),div.lastChild);
});

8726北皇家Ln
德克萨斯州欧文75063
email@aol.com
替换电子邮件
这应该可以满足您的需要(email@aol.com将被替换为newemail@gmail.com). 工作小提琴:

HTML:


也许最好将电子邮件添加到span元素中?然后更改它的内容?
splice()
方法在这里也可能对您有用。但是,简单地(动态地)将电子邮件放入它自己的容器中就可以做到这一点。究竟什么是“确定”某物是“孩子”,更不用说最后一个孩子了?