需求:依次通过正则表达式获取Html中的img标签的id属性,根据id在Map集合中获取Url,然后替换img标签的src

需求:依次通过正则表达式获取Html中的img标签的id属性,根据id在Map集合中获取Url,然后替换img标签的src,第1张

var reg = /<img[^>]id[=\"\'\s]+([^\"\'])[\"\'][^>]>/gi;

var html = documentbodyinnerHTML;

while(regexec(html)){

consolelog(RegExp$1);

}

用JS获取Html标签属性有两种方法: 如Web开发 JS代码: var ka=documentgetElementByI d("link"); alert(kagetAttribute("id")); alert(kaid); 两种方法都能d出a标签的ID属性,但从各浏览器兼容上来说用kaid的方式更好,但对于自定义属性

1、id: id是设置标签的标识。用于定义一个元素的独特的样式。在CSS样式定义的时候 以“#”来开头命名id名称。

用法:若一个标签的id="myid",那么使用它的时候通过”$("#myid")“来获取当前标签或使用“#myid{}”来定义CSS样式。

2、class:根据用户定义的标准对一个或多个元素进行标记和定义,一个标签可以有多个class,例如class="myclass1 myclass2",当前标签就有两个class,分别为myclass1和myclass2。

用法:若一个标签有一个class="myclass",那么获取这个标签可以使用$("myclass"),同时使用”myclass{}“来定义CSS样式。

3、name:从名字可以知道这是用于定义一个标签的名字的属性,name可用于数据获取,常用于表单数据的获取。

用法:若一个输入框的name="myname" ,常用requestgetparameter("myname")来获取当前输入框的值。

1、新建一个html文件,命名为testhtml。

2、在testhtml文件内,创建一个div模块,并设置其id属性为mydiv,用于下面使用js获得标签对象。

3、在testhtml文件内,在div标签内,填写一段文字,并加入一个span标签。

4、在testhtml文件内,创建一个button按钮,按钮名称为“获取html”。

5、给button绑定onclick点击事件,当按钮被点击时,执行myfun()函数。

6、在testhtml文件内,在js标签内,创建myfun()函数,在函数内,使用getElementById()方法获得div对象,通过innerHMTL属性获得div内的html内容,最后,使用alert方法将获得的html内容以d窗形式显示

7、在浏览器打开testhtml文件,点击按钮,查看获得的html标签内容。

以上就是关于需求:依次通过正则表达式获取Html中的img标签的id属性,根据id在Map集合中获取Url,然后替换img标签的src全部的内容,包括:需求:依次通过正则表达式获取Html中的img标签的id属性,根据id在Map集合中获取Url,然后替换img标签的src、怎样获得一个HTML标记的所有属性和属性值、HTML,CSS里面关于 id,class,name 属性的区别和用法等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/10128787.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-05
下一篇2023-05-05

发表评论

登录后才能评论

评论列表(0条)

    保存