2016-10-28 72 views
0

刪除我的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,'')) 
+0

'我現在的代碼' - 嚴重嗎?你認爲這會以某種方式知道你想要什麼? –

+0

不,我不這麼認爲。但我試了一個小時。我不想在這裏發表我的廢話。大聲笑 –

+0

請確保您的問題標題和說明確實匹配。我們不知道您使用的是什麼技術,但是作爲AFAIU,您想從字符串中提取信息。如果是這樣,我的想法是,你需要正則表達式。 – Gildas

回答

0

不能看你怎麼得到你正在使用的含元素,其innerHTML的,所以首先有一個假設了在div ID =「東西」

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>

但是這不應該做的正是你W¯¯螞蟻沒有正則表達式 - 它可以召喚託尼小馬

什麼代碼確實是

  1. 獲取元素中要更改
  2. 它的innerHTML得到IMG與ID =「ytimg」的元素(有點多餘,因爲只有永遠之一,在一個頁面
  3. 該ID元素的分割上/字符
  4. 彈出圖像的src屬性(URL),並放棄URL
  5. 流行的最後一部分第二個最後部分,你想要的部分,並用該部分URL替換innerHTML
+0

好的。我有一個標籤。我希望這段代碼能夠做到以下幾點:如果我點擊任何一個a-s,它會給我那個「youtube id」,但只有點擊它。所以我不能給一個div分配一個ID。任何建議? –

+0

你從某處獲得了innerHTML,我看不出如何,當然你可以修改代碼以滿足你的需求 - 或者在如何獲得innerHTML的問題上發佈更多信息 - 因爲我無法做到意見的評論 –

0

我希望我理解正確你。這應做到:

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); 
 
}
<img class='ytimg' src = "https://i.ytimg.com/vi/mKt-MDwtVB4/hqdefault.jpg"> 
 
<img class='ytimg' src = "https://i.ytimg.com/vi/mKt-xxxxxxx1/hqdefault.jpg"> 
 
<img class='ytimg' src = "https://i.ytimg.com/vi/mKt-xxxxxxx2/hqdefault.jpg"> 
 
    
 
<div class="videotext"> 
 
    <h5> Bootstrap tutorial #1</h5> 
 
    <p>Lorem ipsum.</p> 
 
    <p>Lorem ipsum dolor.</p> 
 
    </div>

+0

我認爲你的代碼做了相反的處理 –

+0

是的,現在我意識到了。我會修改我的答案。 – Ionut

+0

我不能添加一個ID,因爲我有更多的20個這樣的鏈接,我需要一個函數來處理所有這些。 –