2017-07-21 34 views
0

JavaScriptでフレーズをマークアップする方法を探しています。つまり、たくさんの単語を含むHTMLページがありますが、そのたびにそのフレーズをマークアップする必要があります。誰にどのようにこれを行うにはどのような考えがありますか?JavaScriptフレーズ・マークアップwith javascript function

+0

「マークアップ」とはどういう意味ですか?文句は静的か変数かフレーズに他のhtml要素が含まれているのですか?フレーズはHTML要素内に完全に含まれることが保証されていますか?あなたは、これまでに試したことの例や、この段階をどのようにマークしたいかに関する情報を私たちに与えていません。あなたの質問の範囲を狭めようとしてください。 –

答えて

0

あなたは、htmlのようなキーワードを使って、あなたの状況に適したものを見つけることができます。

がぶ飲みを使用することにより、飲み込む-HTML-交換するモジュールがある(https://www.npmjs.com/package/gulp-html-replace

0

すべてのテキストがpタグ内であると仮定すると、あなたは

var allP = document.getElementsByTagName("P") 

ですべての段落を選択することができ、ループオーバーallPとタグのhtmlを取得します。

for (var i; i< allP.length; i++) { 
    var thisP = allP[i]; 
    var htmlP = thisP.innerHTML; 
} 

次に、あなたは、あなたのフレーズ(ループの中)で例えばhtmlP分割することができます。

var partsP = htmlP.split("I want to be highlighted"); 

とdenは、あなたのHTMLを再構築:

var newHtmlP = ""; 
for (var j; j < partsP.length; j++) { 
    newHtmlP = newHtmlP + partsP[j] + '<span style="color:red">I want to be highlithed</span>'; 
} 

あなたは確認する必要があり、このフレーズは最後に一度は付け加えられない(私はここでこれを実装しなかった)。 最後に、内側のhtmlを設定します。

thisP.innerHTML = newHtmlP;