Question

假设在我的项目主页上有一些javascript代码。例如，

index.html

csv_ip = '192.168.1.1,192.168.1.20'
single_ip = '33.44.33.22'
empty_ip = None

ip_list = [ip for ip in [csv_ip.split(','), single_ip, empty_ip] if ip]
print ip_list
>> [['192.168.1.1', '192.168.1.20'], '33.44.33.22']

现在，我想要的是，点击按钮后，脚本标签之间的所有内容都应该与脚本标签一起删除。我怎么能这样做？

Answer 1

您是否可以尝试在脚本代码上添加ID或类，然后点击查找该ID或类并将其删除？类似的东西：

$('button').on('click', function() {
  $('#script-tag-id').remove();
});

Answer 2

试试这个：

window.addEventListener('load', function() {
  alert(document.body.innerHTML)
  document.getElementById('button').onclick = function() {
    if(document.getElementById('yourScript')){
      var script = document.getElementById('yourScript');
      document.body.removeChild(script);
    }
    alert(document.body.innerHTML);
  };
});

<body>
  html code here
  <script id="yourScript" type="text/javascript">
    /*testing*/
  </script>
  <button id="button" type="button">Delete javascript</button>
</body>

动态删除html文件的脚本标记之间的所有内容

2 个答案: