如何使用JavaScript刪除字符串之間的標簽

Question

我想從Google Maps API以文本文件的形式下載路線面板。 我做的很成功，但該文本文件也具有HTML標記。我只需要該指示字符串即可。

如何使用Java腳本刪除該字符串？

任何幫助，將不勝感激。

感謝前進。

我的代碼在這里，

function saveTextAsFile(response) {
    var firstPath = response.routes[0].legs[0].steps;
    var textContent = "";

    for (var index in firstPath) {
        var ins = firstPath[index].instructions;
        textContent += ins + "\n";
    }

    location.href = 'data:application/downloads,' + encodeURIComponent(textContent)
}

我得到這樣的輸出：

Head <b>south</b> on <b>Pallavaram Kundrathur Main Rd/Pammal Main Rd</b> toward <b>Vedagiri St</b><div style="font-size:0.9em">Pass by SBI ATM (on the right)</div>
Turn <b>right</b> onto <b>Indira Gandhi Rd</b><div style="font-size:0.9em">Pass by Canara Bank (on the left in 350&nbsp;m)</div>
Turn <b>right</b> at <b>Pallavaram Signal</b> onto <b>NH45</b><div style="font-size:0.9em">Pass by DCB Bank Atm - Pallavaram Branch (on the left)</div>
Turn <b>left</b> onto <b>Dharga Rd</b>
Turn <b>left</b> toward <b>Siva Sankaran St</b>
Take the 1st <b>right</b> toward <b>Siva Sankaran St</b>
Take the 1st <b>left</b> onto <b>Siva Sankaran St</b>
Slight <b>right</b> at <b>Pedistrian Crossing</b>
Turn <b>right</b> toward <b>Subramaniar Koil 2nd St</b>
Turn <b>left</b> onto <b>Subramaniar Koil 2nd St</b>

但是我需要沒有那個html標簽

Answer 1

這個類似的問題提供了一些從字符串中剝離HTML標簽的好方法，我個人最喜歡的是：

• 使用RegEx： textContent.replace(/<[^>]*>?/gm, '');
• 使用jQuery： jQuery(textContent).text();

Answer 2

我已修改您的功能以執行所需的操作

function saveTextAsFile(response) {
    var firstPath = response.routes[0].legs[0].steps;
    var textContent = "";

    for (var index in firstPath) {
        var ins = firstPath[index].instructions;
        textContent += ins.replace(/<(?:.|\n)*?>/gm, ''); + "\n";
    }

    location.href = 'data:application/downloads,' + encodeURIComponent(textContent)
}

僅刪除 標簽以下應該工作

function saveTextAsFile(response) {
    var firstPath = response.routes[0].legs[0].steps;
    var textContent = "";

    for (var index in firstPath) {
        var ins = firstPath[index].instructions;
        textContent += ins.replace(/<\/?[b]>/gm, '');
    }

    location.href = 'data:application/downloads,' + encodeURIComponent(textContent)
}