如何用js正表达式把一个div内的所有div标签,全部转换为p标签?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何用js正表达式把一个div内的所有div标签,全部转换为p标签?相关的知识,希望对你有一定的参考价值。

如何用js正表达式把一个div内的所有div标签,全部转换为p标签
因用户总是复制多余的html标签上去,导致前端错误
比如b2内所有的div标签转为p<div id="b2">
<div><div><div><div>12121212121</div>
</div>

按照你的要求编写的用正则表达式替换div内的所有div标签的javascript程序如下(见图)

追问

我这b2内的内容不是固定的,是用户复制粘贴进来的,可能把一整个网站的内容都复制进来了,能麻烦改成动态的内容吗

追答

那么只能在用户加入时,用替换函数把div标签替换成p标签,加入后用正则就不好替换了.

参考技术A div_b2.replace(/(<div(?: [^>]+?)?>)([\\s\\S]+)(<\\/div>)/i, function(a,b,c,d)
    return b+c.replace(/(<\\/?)div((?: [^>]+)?>)/ig, '$1p$2')+d;
);

如何用JS给网页的一个DIV添加一个阴影,使鼠标移入的时候阴影出现鼠标移出的时候阴影消失

如何用JS给网页的一个DIV添加一个阴影,使鼠标移入的时候阴影出现鼠标移出的时候阴影消失,而不破坏布局,最好还可以在阴影里面添加一些文字。(如图橙色为阴影部分)急!急!急!江湖救急!!!

     <!DOCTYPE html>  
    <html>  
    <head>  
    <meta content="text/html; charset=gb2312" http-equiv="Content-Type">  
    <title>文哥讨厌IE</title>  
    <script type="text/javascript" src="jquery.js"></script>    
    <style type="text/css">  
    .box-shadow  
        box-shadow: 10px 10px 10px 10px red;  
        
      
      
    .obj  
        border-radius:100px;
        width:100px;  
        height:100px;  
        margin:50px auto;  
        background:#eee;      
      
    </style>  
    </head>  
      
    <body>  
        <div class="obj" ></div>  
        <script type="text/javascript">  
            $(document).ready(function()  
                $(".obj").mouseover(function()
                    $(".obj").addClass("box-shadow");
                );
                $(".obj").mouseout(function()
                    $(".obj").removeClass("box-shadow");
                );
          );  
        </script>  
      
    </body>  
    </html>

参考技术A 用a:hover你去查查它的用法就行了

以上是关于如何用js正表达式把一个div内的所有div标签,全部转换为p标签?的主要内容,如果未能解决你的问题,请参考以下文章

如何用js获取某个img标签节点的所有属性名

如何用js 在div内插入内容

如何用js根据屏幕高度控制div高度

如何用js 获取一个div的坐标?

html 正则表达式定位div标签内的所有内容

如何用js通过下拉菜单来实现div的隐藏和显示