您的位置：首页 > Web前端 > JavaScript

[JavaScript编程练习]js获取文字中的100，使其变为红色，若文字100改为其他任意数字，该数字依然会是红色

2017-12-01 19:23 477 查看 
已知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后

                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                

                    
                

            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航