博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
2017.6.30 Note replace innerHTML split() join()
阅读量:4501 次
发布时间:2019-06-08

本文共 1078 字,大约阅读时间需要 3 分钟。

  1、运用的知识为JS中字符串到HTML标签的转化:  使用.innerHTML,如:  div.innerHTML = str; 

  2、主要思路转换:  切记千万不可转牛角尖,转牛角尖只会坏事,要冷静分析每一步,找出每一步的关键点是什么,这样才能极快速的完成项目,如下例中

此例中主要包含3个思路:

  (1)将字符串数组中包含特定字符的字符串挑选出来,可以使用.indexOf( str ),若是存在此特定字符则其会有索引值即>=0  

  (2)选出字符串中的特定字符并加以操作,可以使用循环(for)与条件(if)语句,利用for遍历字符串字符,if挑选出该字符,将其重新赋值即可

  (3)如何将字符串转换为Html标签,使用.innerHTML,即div.innerHTML = str;,从而将字符串转化为HTML标签完成对此特定字符的样式设置

1 search.addEventListener( "click", function() { 2             var a = text.value; 3             for (var j=0; j
" + a + "" ); 9 console.log(item);10 return item;11 }).join(""); 12 }13 }, false )

改进: 方法1不仅复杂且不能连续查询,因为是createElement的,所以当连续查询不同内容时,前一个查询的内容中若是不包含此字符则不会发生replaceChild(),所以其上的样式就不会更改

  2、注意一个思路,即JS是JS,CSS是CSS,不要将CSS插入到JS中,应该分开

此方法的思考思路是:

  将输入的每一个字符串都检测可以使用for也可以使用map,而每一个字符串都要检测其是否包含特定字符如果是则替换,而检测则可以考虑上文中的方法1中的for,和此处的.replace()+ RegExp的方法,利用正则匹配,然后利用replace替换,最后将其join为字符串,然后将字符串替换文中的块class = “inner”的HTML内容,达到替换目的

  

转载于:https://www.cnblogs.com/swallowBoy/p/7101032.html

你可能感兴趣的文章
更新k8s镜像版本的三种方式
查看>>
WPF 获得当前输入法语言区域
查看>>
绑定元素属性改变不通知界面
查看>>
C#中使用反射获取结构体实例
查看>>
Spring bean的作用域和生命周期
查看>>
ado.net增删改查练习
查看>>
恩格尔系数
查看>>
纪检委,检察院的工资
查看>>
20135213 20135231 信息安全系统设计基础课程第一次实验报告
查看>>
BZOJ1419——Red is good(期望dp)
查看>>
Linux系统扩容根目录磁盘空间
查看>>
Java架构师书单
查看>>
二阶段冲刺第一天
查看>>
ArrayList删除特定元素的方法
查看>>
android 开发 View _15 导入一张图片将它裁剪成圆形 与 paint图层叠加处理详解
查看>>
地图大集合
查看>>
unity资源(移动版)提取 一点尝试
查看>>
简谈游戏场景灯光配置方案
查看>>
性能测试知识
查看>>
mybaitis配置信息
查看>>