私が作成したjavascript検索でウェブサイトの本体を実行しようとしています。単語間にスペースがないことを除いて、うまく動作します。このxcaseのhtmlは画像が表示されない/表示されません。どんな解決策ですか?JavascriptでHTMLを実行する
したがって、私は画像を表示するのに役立つ必要があります。その後、ブラウザに表示されるテキストをスペースで取得します。
これはすべてsrctxt変数にあります。どちらが問題だと思いますか?
私はJavascriptに関するかなり基本的な知識しか持っていません。
<body>
<script type = "text/javascript">
var keyword;
var srctxt;
var srctxtarray;
keyword = "archery";
srctxt = "hellow blah blah blah archery <img src =\"megan_fox.jpg\">hello test archery";
srctxtarray= srctxt.split(" ");
for (var i=0;i<srctxtarray.length;i++){
if(srctxtarray[i] != keyword){
document.write(srctxtarray[i]);
}
else{
document.write("<b class=\"red\">");
document.write(srctxtarray[i]);
document.write("</b>");
}
}
</script>
</body>
を示唆したものを使用することをお勧めします。また、テキストの取得に問題はありません。 html本文全体がsrctxt変数に書き込まれます。 –
imgを表示するには、これらを追加するDOMオブジェクトのinnerHTMLプロパティを使用する必要があります。 –
@Jin:この答えを捨てて、テキスト変数にテキストを格納し、body.innerHTMLを最後のテキストに設定するとよいでしょう。このようにして、ブラウザはタグをレンダリングします。サイドノートでは、スプリットがそれらを取り除くので、スペースをページに戻す必要があります。 – regex