使用JavaScript突出顯示文本框中的文本

Question

我有一個ASP.NET 2.0 Webapp（帶有C＃）。 我想添加一個按鈕，單擊該按鈕將突出顯示選定的文本。 “突出顯示”是指更改文本的CSS屬性，使其突出。 我認為可以使用某些客戶端JavaScript來完成。

我知道您可以將Javascript函數分配給HTML輸入按鈕的onclick事件，但是由於我不太精通JS函數本身，所以我不知道如何編寫...

有人可以幫忙嗎？

謝謝一群！

Answer 1

看起來好像有一個jQuery插件，其功能類似於您想要的。 不知道它是否可以在文本框內運行，但可能不需要花太多時間就可以到達那里。 查看此鏈接： http : //johannburkard.de/blog/programming/javascript/highlight-javascript-text-higlighting-jquery-plugin.html

Answer 2

在我看來，最好的解決方案是使用正則表達式查找搜索到的文本，然后將其包裝在已分配了某些所需樣式的標簽中。

您可以在這里查看w3schools或簡要瀏覽

var searchString = "abra";
string.replace(searchString,"<span class='highlight'>"+searchString+"</span>")

Answer 3

就像這樣：

功能：

<腳本類型=“ text / javascript”>

函數HighlightMyText（）{

elem=document.getElementById('textToTurnRed');

elem.style.color="red";

}

</腳本>

然后在體內：

<div id =“ textToTurnRed”>

我的文字將變成紅色</ div>

然后按鈕：

<input type =“ button” value =“變成紅色” onclick =“ highlightMyText” />

您可以使用element.style進行各種操作，例如根據需要更改顏色，可見性。