人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

JavaScript で、HTML 内の文字列をすべて置換する方法を探しています
テキストボックスに入力された文字列をハイライトさせるのが目的なんですが、簡単なサンプルとかないでしょうか?


●質問者: rikimaru
●カテゴリ:インターネット ウェブ制作
✍キーワード:HTML JavaScript テキスト ハイライト ボックス
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● aside
●35ポイント

こういうのかなぁ、、ゴクリ

http://q.hatena.ne.jp

<html>
<head>
<title>test</title>
<style type="text/css">
<!--
 input.blueBack {
 background-color:blue;
 }
-->
</style>
<script type="text/javascript">
<!--
function chgStrColor(pId) {
 document.body.innerHTML = document.body.innerHTML.replace(/INPUT value/g, "input type=\"text\" class=\"blueBack\" value")
}
-->
</script>
</head>
<body>
 <input value="test1"><br>
 <input value="test2"><br>
 <input value="test3"><br>
 <input value="test4"><br>
 <input type="button" value="テキストの背景色を変更" onclick="chgStrColor()">
</body>
</html>
◎質問者からの返答

おお・・・早い!

しかし、移動中で、確認できないので戻ったらじっくり見てみます!


2 ● F-15X
●35ポイント

Penguin's campus note

http://www14.plala.or.jp/campus-note/javascript/replace.html



document.body.innerHTML=document.body.innerHTML.replace(/テキストボックスの文字/g,'━━━(゚∀゚)━━━');

◎質問者からの返答

こちらも、早い!

innerHTML.replace なるほど、これがキモのようですね

一度、試してみます

ありがとうございました!

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ