JavaScript文本替换

Question

我正在使用下面的代码来修改一个图像url (基本上是在'news‘div中的URL开头添加'admin’。这对我正在尝试做的事情很好，但它也造成了一些其他问题，比如阻止嵌入的Tweet和阻止一些广告显示放在'news‘div中的内容。

有没有更好的方法来实现我想要的东西，而不会影响其他代码，因为我永远不能理解为什么它会导致其他代码的问题，但删除下面的代码可以解决tweet和广告的问题？

function replaceText(){
    var theDiv = document.getElementById("news");
    var theText = theDiv .innerHTML;

    theText = theText.replace(/ckfinder/g, 'admin/ckfinder');

    theDiv.innerHTML = theText;
}

这是我正在修改的图像路径：

<img height="267" src="/ckfinder/userfiles/images/XXX/XXX.jpg" width="400" />

但需要的是：

<img height="267" src="admin/ckfinder/userfiles/images/XXX/XXX.jpg" width="400" />

Answer 1

您应该更具体，以img标记为目标并直接更新src属性。

​

function replaceText() {
  var images = document.querySelectorAll(".news img");

  for (var i = 0; i < images.length; i++) {
    var img = images[i];
    img.src = img.src.replace(/ckfinder/g, 'admin/ckfinder');
  }
}


window.onload = replaceText;

<div id="news">

  <p>Don't want to update this ckfinder</p>

  <img height="267" src="/ckfinder/userfiles/images/XXX/XXX.jpg" width="400" />

</div>

​