recherche

Maison  >  Questions et réponses  >  le corps du texte

Rechercher et baliser des chaînes dans des paragraphes de texte

<p>J'ai un paragraphe, par exemple : </p> <pre class="brush:html;toolbar:false;"><p> Lorem ipsum <b>amet, consetetur sadipscing elitr, sed diam</b> Invidunt ut labore et dolore magna aliquyam erat, <i>sed diam voluptua At vero eos et accusam. et juste duo dolores et ea rebum</i>. Stet clita kasd gubergren, no sea takimata sanctus </p> ≪/pré> <p>Il existe également une chaîne similaire à <code>"Lorem ipsum amet, consetetur sadipscing elitr"</code>. Je souhaite souligner cette chaîne spécifique dans le paragraphe d'origine en utilisant Javascript. </p> <p> Je pense que je dois insérer une étendue avec une classe/ID (-> CSS : text-decoration:underline), mais je ne sais pas comment déterminer l'index correct dans le paragraphe (en ignorant tout < dans une recherche de chaîne ;code><b></code>, <code><i></code>, etc., mais en les incluant par rapport à l'index du span). </p> <p>Merci pour vos suggestions. </p>
P粉253800312P粉253800312455 Il y a quelques jours528

répondre à tous(2)je répondrai

  • P粉670838735

    P粉6708387352023-08-29 15:33:56

    const text = YourString.replace(/bMySearchb/sg, '<u></u>');

    répondre
    0
  • P粉833546953

    P粉8335469532023-08-29 13:52:37

    Essayez ceci :

    //获取元素的内部内容
    var text = document.getElementById("text").innerHTML;
    
    //将要替换的文本用<u>标签包围起来
    var newtext = text.replace(/Lorem ipsum <b>amet, consetetur sadipscing elitr/g, "<u>Lorem ipsum <b>amet, consetetur sadipscing elitr</u>");
    
    //将新的下划线文本放回元素中
    document.getElementById("text").innerHTML = newtext;
    <p id="text">
    Lorem ipsum <b>amet, consetetur sadipscing elitr, sed diam</b> dolor sit nonumy eirmod  tempor 
    invidunt ut labore et dolore magna aliquyam erat, <i>sed diam voluptua. At vero eos et accusam
    et justo duo dolores et ea rebum</i>. Stet clita kasd gubergren, no sea takimata sanctus
    </p>

    répondre
    0
  • Annulerrépondre