正则表达式- 将div#demo.demo转化成<div id="demo" class="demo"></div>

最新推荐文章于 2022-02-28 17:48:52 发布

原创最新推荐文章于 2022-02-28 17:48:52 发布 · 1.4k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#正则表达式

javascript 专栏收录该内容

25 篇文章

订阅专栏

本文介绍了一种使用JavaScript将CSS选择器转换为HTML字符串的方法。通过正则表达式匹配和函数替换，可以将特定的选择器如div#demo.demo转化为对应的HTML标签格式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


    var str = ("div#demo.demo");
    str.replace(/^(\w+)#(\w+)\.(\w+)$/,function(match,$1,$2,$3){
        return "<"+$1+" id=\"" + $2+ "\" class=\""+ $3+ "\"><\/" + $1 +">"
    })
    console.log(str);

var str = ("div#demo.demo").replace(/^\b(\w+)\b#\b(\w+)\b\.\b(\w+)\b$/,function(match,$1,$2,$3){
        return "<"+$1+" id=\"" + $2+ "\" class=\""+ $3+ "\"><\/" + $1 +">"
    })
    console.log(str);