Javascript Jquery-如何替换div中的一个单词?
我有一个从另一个位置复制的div,我需要更改其中的一个单词。这是html: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 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()
方法在这里也可能对您有用。但是,简单地(动态地)将电子邮件放入它自己的容器中就可以做到这一点。究竟什么是“确定”某物是“孩子”,更不用说最后一个孩子了?