當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
[JavaScript编程练习]js获取文字中的100,使其变为红色,若文字100改为其他任意数字,该数字依然会是红色
生活随笔
收集整理的這篇文章主要介紹了
[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改为其他任意数字,该数字依然会是红色的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 香港裸金属服务器的一些应用场景了解
- 下一篇: WordPress禁止特定用户修改密码的