我想从innerHTML中删除

时间:2016-10-28 09:02:50

标签: javascript html replace innerhtml

我有像这样的innerHTML:

<img class="ytimg" src = "https://i.ytimg.com/vi/mKt-MDwtVB4/hqdefault.jpg" >
  <div class = "videotext" >
    <h5> Bootstrap tutorial #1</h5>
    <p>Lorem ipsum.</p>
    <p>Lorem ipsum dolor.</p>
  </div>

我想从中删除每个单词和标签,我只想保留一件事。

这:mKt-MDwtVB4

我的代码现在:

alert(this.innerHTML.replace(//g,''))

2 个答案:

答案 0 :(得分:0)

我希望我能正确理解你。这应该这样做:

apt-get update && apt-get install -y python-software-properties software-properties-common
export LC_ALL=en_US.UTF-8
add-apt-repository ppa:ondrej/php5-oldstable
apt-get update
apt-cache policy php5
var all_images_src = document.getElementsByClassName('ytimg');
for(var i = 0; i < all_images_src.length; i++){
    var img_src = all_images_src[i].getAttribute('src')
        img_src = img_src.replace('https://i.ytimg.com/vi/', '');
        img_src = img_src.substring(0, img_src.lastIndexOf("/"));
    console.log(img_src);
}

答案 1 :(得分:0)

无法看到你如何获得你正在使用其innerHTML的包含元素,所以首先假设div id =“something”

var blah = document.getElementById('something');
var img = blah.querySelector('#ytimg');
var split = img.src.split('/');
split.pop();
blah.innerHTML = split.pop();
<div id="something">
  <img class = 'ytimg' id='ytimg' src = "https://i.ytimg.com/vi/mKt-MDwtVB4/hqdefault.jpg" >
  <div class = "videotext" >
    <h5> Bootstrap tutorial #1</h5>
    <p>Lorem ipsum.</p>
    <p>Lorem ipsum dolor.</p>
  </div>
</div>

但如果没有RegExp,这应该可以完成你想要的 - 这可能会召唤Tony the Pony

代码的作用是

  1. 获取要更改其innerHTML的元素
  2. 在该元素中获取带有id =“ytimg”的img(有点多余,因为页面中只有一个带有该ID的元素
  3. 在/ character
  4. 上拆分图像的src属性(URL)
  5. 弹出并丢弃网址的最后一部分
  6. 弹出第二部分,你想要的部分,并用URL的那部分替换innerHTML