當前位置：
首頁 >
[JavaScript编程练习]js获取文字中的100，使其变为红色，若文字100改为其他任意数字，该数字依然会是红色
發布時間：2023/12/31
40
豆豆
生活随笔
收集整理的這篇文章主要介紹了
[JavaScript编程练习]js获取文字中的100，使其变为红色，若文字100改为其他任意数字，该数字依然会是红色
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
已知dom結構為：
<span style="color:#000">前100名報名學員，每門課程享受8折優惠。</span>
題目：使用js將網頁中的“100”變為紅色，若文字中100改成任意數字，該數字依然會變紅色。 解：文字中100沒有單獨標簽，不能直接設置樣式，本人剛開始想到的使用正則表達式，但還是改成了以下方法，能實現，但略顯庸俗，有更好的方法歡迎指導。 var string, numAfter, html;var spanText = document.getElementsByTagName('span')[0].innerText;numAfter = spanText.indexOf('名');string = spanText.substring(1, numAfter);html = '<span style="color:red;">'+string+'</span>';spanText = spanText.replace(string, html);document.getElementsByTagName('span')[0].innerHTML = spanText;
效果： 更改成9800后
題目：使用js將網頁中的“100”變為紅色，若文字中100改成任意數字，該數字依然會變紅色。 解：文字中100沒有單獨標簽，不能直接設置樣式，本人剛開始想到的使用正則表達式，但還是改成了以下方法，能實現，但略顯庸俗，有更好的方法歡迎指導。 var string, numAfter, html;var spanText = document.getElementsByTagName('span')[0].innerText;numAfter = spanText.indexOf('名');string = spanText.substring(1, numAfter);html = '<span style="color:red;">'+string+'</span>';spanText = spanText.replace(string, html);document.getElementsByTagName('span')[0].innerHTML = spanText;
效果： 更改成9800后
總結
以上是生活随笔為你收集整理的[JavaScript编程练习]js获取文字中的100，使其变为红色，若文字100改为其他任意数字，该数字依然会是红色的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 香港裸金属服务器的一些应用场景了解
- 下一篇： 实例谈谈this在JavaScript中