js 怎么用正则匹配或者其他方法删除掉<div>标签里面的<script>的脚本所有内容

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    <div id="box">

        <div>

            我是内容

            <a href="#">我是链接1</a>

            <script type="text/javascript">

                var a=1;

                function b(){ }

            </script>

            <a href="#">我是链接2</a>

            <script type="text/javascript">

                var c=1;

                function d(){ }

            </script>

        </div>

    </div>

    <script>

        //怎么用正则匹配或者其他方法删除掉<div>标签里面的<script>的脚本包括脚本标签的所有内容

    </script>

</body>

</html>

 

可以通过查找元素的方式将script标签删掉，但已经声明的函数无法被删除

      //怎么用正则匹配或者其他方法删除掉<div>标签里面的<script>的脚本包括脚本标签的所有内容
      function clearDomScriptTag(id) {
        const els = document.querySelectorAll(`#${id} script`);
        for(let el of els) {
          el.remove();
        }
      }
      // 传入需要清除script标签的DOM id
      clearDomScriptTag("box");

 

你是想要删除指定div下script标签还是body下的所有script标签

 

var qwe = document.getElementsByTagName('script');
        for (let i = qwe.length-1; i >= 0; i--) {
            qwe[i].remove();
        }