将标记添加到元素中

Question

我有一些像这样的HTML

<div>111222333</div>

我想使用js来实现

<div>111<strong>222</strong>333</div>

或类似的东西

<div>111<strong class='aa'>222</strong>333</div>

有人能帮助我吗？

Answer 1

一个解决方案

var el = document.getElementById('text');
var val = el.innerHTML
el.innerHTML = val.replace(/(222)/g ,'<strong class="aa">$1</strong>')

document.write( el.parentNode.id );

.aa{
  color : red;
  background : #EEE;
  }

<div id='iam_parent'>
  <div id='text'>111222333</div>
</div>