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

在Chrome控制台向<head>添加<meta>标签的解决方案
最新推荐文章于 2025-02-28 10:13:57 发布
原创 最新推荐文章于 2025-02-28 10:13:57 发布 · 463 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #开发语言 #ecmascript

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

前言

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

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

分析过程

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

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

不行

方案二：等于html

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

解决方案

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

flask中兼容ie6、7中的json未定义错误，document.querySelector() 方法的使用
水月灯花的博客
06-08 988
一、json未定义错误 将JavaScript对象类型的参数通过JSON.stringify转换成字符串传递时，IE6、7、8会报： “JSON”未定义的错误。可以通过在html文件的head头内引入json2.js文件来解决： json2.js文件的下载地址https://github.com/se7en94/save/tree/master/docs/json2 <script type="text/javascript" src="json2.js"></script...
一行代码告别document.getElementById
09-05
mytag.innerHTML = "Goodbye, document.getElementById!"; } if ('mozHidden' in document) [].forEach.call(document.querySelectorAll('[id]'), function(e) { self[e.id] = e; }); ``` 在这个测试...
document.getElementById(…).innerHTML is not a function解决方案
weixin_44246036的博客
09-23 2582
document.getElementById(…).innerHTML is not a function解决方案
JS中出现 innerHTML is not a function 问题的解决办法
m0_60290769的博客
10-08 8205
我们在用JS动态添加HTML时偶尔会出现这类错误 document.getElementById(...).innerHTML is not a function 因为我们不小心把代码写成了这样 document.getElementById("aaa").innerHTML("<p>数据读取中...</p>") 解决方案： 出现问题是马虎导致，在修改时不宜发现； 1.innerHTML(a)以一个变量的形式传入 let a = "<d...
解决JS 中 innerHTML is not a function
lonelyVM的博客
11-28 1万+
document.getElementById(…).innerHTML is not a function 在用js往HTML页面动态添加内容时，如 写成 document.getElementById(...).innerHTML("<h1>Hello World </h1>") 会报出找不到这个函数的错误 （is not a function） 解决方法： 把函数的...
js提交表单错误：document.form.submit() is not a function
热门推荐
09-17 2万+
js提交表单错误：document.form.submit() is not a function 在最近的开发过程中，我遇到了一个很奇怪的问题，就是在利用Javascript控制表单提交时，浏览器提示 document.genForm.submit is not a function。genForm是表单的name，并且使用同样函数的另一个表单却执行正常，查找了半天也没有发现两个有什么
js提交表单的问题
小爬爬的专栏
07-23 516
2010-03-10 11:01<br />最近在提交表单时碰到个问题，之前发现一直是没问题的，现已找到解决方案。<br />文章转载自http://www.baifeng.me/web/tech/2009/11/1178/<br />在最近的开发过程中，我遇到了一个很奇怪的问题，就是在利用Javascript控制表单提交时，浏览器提示document.genForm.submit is not a function。genForm是 <br /> <br /> <br />当表单<form>…</form
document.frames在非IE浏览器中的解决办法
10-09
frame.document.body.innerHTML = "This is the new content."; } ``` - **child.html**: ```html <!DOCTYPE html> <head> <title>Child Page </head> Initial Content ``` 在这个例子...
调用innerHTML之后onclick失效问题的解决方法
09-04
在给出的例子二中，开发者提供了一种变通的解决方案： 1. 不再直接通过`innerHTML`替换整个`<input>`元素，而是仅修改`<input>`的`value`属性。 2. 同时，更新`<span>`元素的`name`属性，以便根据业务逻辑区分不同...
javascript：document的属性和方法，title，innerHTML，
weixin_33919941的博客
07-31 487
document.titile="简介"; //修改文档的标题为“简介”document.body.innerHTML="<p>document的属性和方法</p>"; //修改文档的内容为“简介” 转载于:https://blog.51cto.com/11180930/1832277...
html设置无效字符,使用innerHTML属性向head中插入字符时报“无法设置 innerHTML 属性。 该操作的目标元件无效”的错误...
weixin_39963174的博客
06-03 642
向head中动态插入script文件，代码如下：var sc = document.createElement("script");sc.src = "//www.chinanews.com/ie8/js/json2.min.js";var head = document.getElementsByTagName("head")[0];head.appendChild(sc);但如下要插入的代码如...
是否可以使用document_innerHTML取得代码
流氓地带
07-16 1215
                                          Untitled Document                                                                                         function main1(){                         alert(do
$(document).ready is not a function的问题
想离开水的鱼
09-06 3394
$(document).ready(function() {     $('#getJson'').click(function() {     jQuery.ajax({         type: "PUT",         url: "*****",
JavaScript - window对象、innerHTML
duzishivip的博客
12-11 1223
window对象 所有浏览器都支持 window 对象。它代表浏览器的窗口。 所有全局 JavaScript 对象，函数和变量自动成为 window 对象的成员。 全局变量是 window 对象的属性。 全局函数是 window 对象的方法。 两个页面互动 代码 <script> function openwin(){ window.op...
HTML的DOM的innerHTML用法，简化动态表格，控制样式css
zhansan的博客
07-12 1600
" >删除\n"var text_a = document.createTextNode("删除");3. 创建td，设置td的文本为文本框的内容。5. 将td添加到tr中。//3.创建td，赋值td的标签体。//gender 的 td。//2.获取文本框的内容。//5.添加td到tr中。//name 的 td。//6.获取table。
JS的document.form.submit() is not a function
weixin_73368873的博客
02-28 128
这种情况是html有属性的节点名称被命名为submit改掉就好了。
JS execCommand 方法
学无止境
09-11 1万+
document.execCommand()方法处理Html数据时常用语法格式如下: 复制内容到剪贴板 代码: document.execCommand(sCommand[,交互方式, 动态参数]) 其中：sCommand为指令参数（如下例中的”2D-Position”），交互方式参数如果是true的话将显示对话框，如果为false的话，则不显示对话框（下例中的”false”即表示不显示对话框），
JavaScript基础之document.execCommand函数
devin_xin的博客
04-02 2431
execCommand函数语法 bool = document.execCommand(aCommandName, aShowDefaultUI, aValueArgument) 返回值 一个 Boolean ，如果是 false 则表示操作不被支持或未被启用。 参数解释 参数 描述 aCommandName 一个 DOMString ，命令的名称。可用命令列表请参阅 命令 ...
Uncaught TypeError: previewContent.innerHTML.querySelectorAll is not a function
最新发布
08-09
我们遇到了一个错误：Uncaught TypeError: previewContent.innerHTML.querySelectorAll is not a function 这个错误的原因是：innerHTML 属性返回的是一个字符串，而不是一个DOM元素。字符串没有querySelectorAll...
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值