document.head.innerHTML is not a function解决方案

叫我阿柒啊

于 2023-04-05 10:41:48 发布

阅读量442

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 开发语言 ecmascript

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/CatchLight/article/details/129967048

文章讲述了在尝试使用Chrome控制台通过innerHTML向网页<head>部分添加meta标签时遇到的问题，以及两种尝试的方案：定义变量和直接赋值HTML。方案一未成功，而方案二会覆盖原有内容。最后，提出了正确的解决方案，即使用`+=`来追加新的meta标签，防止覆盖原有的<head>元素内容。

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

前言

想通过Chrome控制台向网页中<head>中添加一个<meta>标签，记得使用innerHTML就能搞定，结果提示’document.head.innerHTML is not a function’。

document.head.innerHTML('<meta name="referrer" content="no-referrer" />')

分析过程

在网上找到了两种方案，实验了一下都有点问题。

方案一：将插入的html定义成变量

不行

方案二：等于html

虽然没有报错，但是把标签中原有的内容覆盖了。
在这里插入图片描述

解决方案

修改方案二，将 = 编程 +=,这样就不会覆盖原来的元素，变成追加。
在这里插入图片描述

评论 1

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。