RegEx选择div内的所有内容

时间:2015-10-01 12:24:56

标签: javascript

我用手指缠绕着我的手指,我找到的所有解决方案都无法正常工作 我试图替换如下的div:



var modal = document.getElementById("first");

// Get modal content and replace the footer with content
var oldContent = modal.innerHTML;

// Set modal content
modal.innerHTML = oldContent.replace(/<div class="two">(.*?)<\/div>/, '<div class="two">' + 'Content' + '</div>');
&#13;
<div class="outer" id="first">
  <div class="one">This is the first one</div>
  <div class="two">Second one</div>
</div>
&#13;
&#13;
&#13;

我试图替换第二个div中的所有内容 目前我的代码是这样的,我尝试使用正则表达式选择所有内容,但它只是不起作用。

2 个答案:

答案 0 :(得分:1)

您可以根据需要使用querySelector

document.querySelector('div.two').innerHTML = 'Content';

答案 1 :(得分:0)

当您可以访问元素时,使用正则表达式更改内容是没有意义的。解释here为什么这是个坏主意。

只需引用模态中的元素,并将innerHTML或textContent设置为您想要的值。

modal.getElementsByClassName("two")[0].innerHTML = "new text";

modal.querySelector(".two").innerHTML = "new text";