haizlin / fe-interview

前端面试每日 3+1,以面试题来驱动学习,提倡每日学习与思考,每天进步一点!每天早上5点纯手工发布面试题(死磕自己,愉悦大家),6000+道前端面试题全面覆盖,HTML/CSS/JavaScript/Vue/React/Nodejs/TypeScript/ECMAScritpt/Webpack/Jquery/小程序/软技能……
http://www.h-camel.com
MIT License
25.49k stars 3.26k forks source link

[js] 第961天 使用js写一个方法动态移除head里的js引用 #4777

Open haizhilin2013 opened 2 years ago

haizhilin2013 commented 2 years ago

第961天 使用js写一个方法动态移除head里的js引用

3+1官网

我也要出题

Pizhong commented 2 years ago
 /**
  思路:
  1、获取head里面的子标签nodeList
  2、从nodeList获取script标签的索引
  3、用removeChild()去掉script标签
*/
  let head = document.getElementsByTagName('head')[0];
  let nodeList = head.childNodes
  console.log(nodeList);
  for(let i = 0; i < nodeList.length;i++) {
    if(nodeList[i].tagName == 'SCRIPT') {
      console.log(nodeList[i].tagName);
      head.removeChild(head.childNodes[i])
    }
  }