第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

改變給定句子關(guān)鍵詞的顏色

改變給定句子關(guān)鍵詞的顏色

偶然的你 2023-06-15 16:03:01
我想改變給定句子關(guān)鍵詞的顏色。到目前為止我有這個(gè):const engSample = document.querySelector(".eng-sample");engSample.innerHTML = getColoredEngSample("I have been walking");function getColoredEngSample(text) {        let result;        const keywords = ["have", "has", "been", "ing"];        keywords.forEach(key => {            result = text.replace(key, `<span class='bold-sample'>${key}</span>`);        });    return result;}.bold-sample { color: #ff3c00; }<p class="eng-sample"></p>如您所見(jiàn),只有ing顏色發(fā)生變化,而其余關(guān)鍵字則沒(méi)有。我該如何解決這個(gè)問(wèn)題或使用正則表達(dá)式獲得相同的結(jié)果?
查看完整描述

2 回答

?
米脂

TA貢獻(xiàn)1836條經(jīng)驗(yàn) 獲得超3個(gè)贊

您在每次迭代中都將替換result為 original text。因此,您應(yīng)該將代碼更改為:


function getColoredEngSample(text) {

    let result = text;

    const keywords = ["have", "has", "been", "ing"];

    keywords.forEach(key => {

        result = result.replace(key, `<span class='bold-sample'>${key}</span>`);

    });


    return result;

}


查看完整回答
反對(duì) 回復(fù) 2023-06-15
?
HUX布斯

TA貢獻(xiàn)1876條經(jīng)驗(yàn) 獲得超6個(gè)贊

問(wèn)題是您使用的變量text不會(huì)隨時(shí)間變化。每次循環(huán)開(kāi)始一輪時(shí),它都會(huì)使用來(lái)自參數(shù)的相同文本text。在循環(huán)的下一次運(yùn)行中,文本更改被寫(xiě)入結(jié)果但不再使用。所以 result 將只包含最后一次循環(huán)的結(jié)果。


const engSample = document.querySelector(".eng-sample");


engSample.innerHTML = getColoredEngSample("I have been walking");


function getColoredEngSample(text) {


        let result = text;

        const keywords = ["have", "has", "been", "ing"];

        keywords.forEach(key => {

            result = result.replace(key, `<span class='bold-sample'>${key}</span>`);

        });

    return result;

}

.bold-sample { color: #ff3c00; }

<p class="eng-sample"></p>


查看完整回答
反對(duì) 回復(fù) 2023-06-15
  • 2 回答
  • 0 關(guān)注
  • 189 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)