Uncaught SyntaxError: Failed to set the 'innerHTML' property on 'Element'

最新推荐文章于 2024-07-17 20:06:09 发布
最新推荐文章于 2024-07-17 20:06:09 发布
阅读量6.5k 收藏 1
点赞数
分类专栏： javascript jquery mobile 文章标签： SyntaxError innerHTML xhtml jquery.mobile data-ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dragoo1/article/details/51263801
版权

环境：win7 64位,apache,chrome 44.0.2403.125

写了下面一个xhtml文件

<?xml version="1.0" encoding="UTF-8"?>
<html xml:lang="zh-cn" xmlns="http://www.w3.org/1999/xhtml" xmlns:mml="http://www.w3.org/1998/Math/MathML" xmlns:epub="http://www.idpf.org/2007/ops">
	<head>
		<meta charset="UTF-8"/>
		<meta name="viewport" content="width=768, height=1024"/>
		<script type="text/javascript" src="scripts/jquery.js"/>
		<script type="text/javascript" src="scripts/jquery.mobile.min.js"/>
		<link rel="stylesheet" type="text/css" href="./scripts/jquery.mobile.min.css"/>
	</head>
	<body data-width="768" data-height="1024">
		<a style="z-index:1;" href="chapter-001.xhtml">abcd</a>
	</body>
</html>

点击链接时报错：

Uncaught SyntaxError: Failed to set the 'innerHTML' property on 'Element': The provided markup is invalid XML, and therefore cannot be inserted into an XML document.

出错行是jquery.mobile-1.4.2.js的4911行

//workaround to allow scripts to execute when included in page divs
all.get( 0 ).innerHTML = html;

原因：

XHTML does not support document.write or .innerHTML. Due to the fact, that jQuery inserts the new code using one of these methods, all XHTML compatible browsers will error out.

XHTML with application/xhtml+xml does not support raw modification of the source using any of these jQuery methods: .append(), .html(), .insert...(), etc.

Instead, query for some JSON data and insert the AJAX-received values into either pre-defined tags using .text() / .val() or dynamically create those nodes using document.createElement('someTag').

https://www.w3.org/MarkUp/2004/xhtml-faq#docwrite

解决：

在a标签里添加

data-ajax="false"

即：

<a style="z-index:1;" href="chapter-001.xhtml" data-ajax="false">abcd</a>

参考：

http://stackoverflow.com/questions/27824609/uncaught-syntaxerror-failed-to-set-the-innerhtml-property-on-element-the-p

http://blog.csdn.net/coolcoffee168/article/details/24966689

dragoo1
关注
专栏目录
Failed to set the 'value' property on 'HTMLInputElement'
fydxx的博客
02-18 5477
记录今天遇到的一个小问题，文件上传格式不对，我想直接对file类型的value赋值，但是当运行到这一行的时候，页面会报错，并且显示Failed to set the 'value' property on 'HTMLInputElement'这样的错误，这里提示说不能直接赋值，所以我就使用了setAttribute这个API函数，发现页面不报错了，但是value还是没有重置为空字符串，虽然没有报错...
已解决 Bug：TypeError: Cannot set property ‘innerHTML‘ of null
从前端设计到后端实现，从云技术到人工智能，这里分享最新的技术见解和实践经验。一起学习，一起进步！
09-17 504
Hey大家，猫头虎博主又回来啦！今天，我将分享一个前端领域中常见的 Bug：TypeError: Cannot set property ‘innerHTML’ of null。在这篇博客中，我会深入研究这个问题，详细解释它的原因，提供解决方法，并分享如何避免它。让我们一起探讨如何摆脱这个头疼的 Bug 吧！TypeError: Cannot set property ‘innerHTML’ of null 是一个常见的前端 Bug，通常出现在操作 DOM 元素时。
Uncaught (in promise) DOMException: play() failed because the user didn‘t interact with the document
最新发布
qq_33192454的博客
07-17 3725
Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. 这个报错怎么解决这个报错是由浏览器的自动播放策略引起的，现代浏览器通常会限制自动播放音视频以提升用户体验和节省带宽。
Uncaught InvalidStateError: Failed to set the ‘value‘ property on ‘HTMLInputElement‘
qq_45701130的博客
06-24 1842
如果对手动修改value属性时就会报此错误。出于安全考虑，file的value是只读属性，只能由用户来选择要上传的文件，不能由程序代码来设置。
Uncaught DOMException:Failed to set the ‘volumn‘ ……记一个可能你的代码是对的但报错的事
2201_75977481的博客
05-23 252
我恍然大悟：首先我自己照着教材打的代码可能设了（也许是本来就有的）音量的固定值，一直按音量减小到负数，或者超出这个代码里的音量最大值1，谷歌里的检查都会报错。刚开始是我一按音量增大按钮就会在检查器（按F12）报错，但程序可以运行。在CSDN搜索如标题这个错误，有一条说是我音量设置超过最大值100（应该是这意思）。记得得到的理论是这样的，现在不想再看一遍代码是不是如上，大家参考一下就好。按音量减小按钮，会出现如图第一条错误。第三条是再按音量减小按钮到负值出现的。一直按音乐增大按纽，是第二条。
VUE页面报错Failed to execute ‘setAttribute‘ on ‘Element‘: ‘，
万物不及香香的博客
09-14 3068
Failed to execute 'setAttribute' on 'Element': '，
前端：Element 节点
Jadeon
11-29 1322
实例属性 元素特性的相关属性 （1）Element.id Element.id属性返回指定元素的id属性，该属性可读写。 // HTML 代码为 &lt;p id="foo"&gt; var p = document.querySelector('p'); p.id // "foo" 注意，id属性的值是大小写敏感，即浏览器能正确识别&lt;p id="foo"&gt;和&lt;p ...
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
JS提示：Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法
11-24
本文实例讲述了JS提示：Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法。分享给大家供大家参考，具体如下： Uncaught SyntaxError: Unexpected token ILLEGAL 未捕获的语法错误： 意想不到的非法...
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是...
vue-cli 打包后提交到线上出现 “Uncaught SyntaxError:Unexpected token” 报错
01-21
前言: 项目使用vue-cli版本2.9.3 ,vue-router...页面全白,console打印:Uncaught SyntaxError:Unexpected token < 报错截图: 经过一番折腾,初步定位问题1在经过build/webpack.prod.conf.js的chunkhash打包后的JS文
Uncaught (in promise) DOMException谷歌浏览器js报错分析
weixin_43254676的博客
05-27 2885
https://www.inqingdao.cn/5988.html
Uncaught DOMException: Failed to set the 'value' property on 'HTMLInputElement': This input element
阿涩的博客
07-30 2万+
Uncaught DOMException: Failed to set the 'value' property on 'HTMLInputElement': This input element accepts a filename, which may only be programmatically set to the empty string. 这个错是给input的file赋...
【JS】input上传文件无法清空 报错TypeError: Failed to set the ‘files‘ property on ‘HTMLInputElement‘: Failed to c
zlting_的博客
03-15 1132
关于【JS】input上传文件无法清空问题 报错TypeError: Failed to set the 'files' property on 'HTMLInputElement': Failed to convert value to 'FileList'.
报`Uncaught (in promise)`错误解决办法
热门推荐
weixin_46721670的博客
09-26 6万+
使用了promise,但是在使用的过程中报错误，第一次遇到这种错误，所以在此记录下，方便以后解决问题只要在 new Promise 后面加上，就不会报错了。
innerHTML/outerHTML; innerText/outerText; textContent
anqi1829的博客
05-12 220
innerHTML v.s. outerHTML Element.innerHTML 　　Reference:https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML 　　Functionality 　　Get serialized HTML code describingits desc...
Uncaught DOMException: Failed to set the 'value' property on 'HTMLInputElement': This input element ...
weixin_30439031的博客
09-27 1406
今天上传图片遇到这个报错 百度了下，网上说是input标签type=file所以导致的问题，可是我的type=hidden 解决办法： 把上面的代码改成如下问题就解决了 转载于:https://www.cnblogs.com/ouguangqiang/p/9713645.html...
QWebEngineView 调用百度地图API时报错：js: Uncaught SecurityError: Failed to read the 'cookie' property from 'Document': Cookies are disabled inside 'data:' URLs. js: Uncaught SecurityError: Failed to read the 'localStorage' property from 'Window': Storage is disabled inside 'data:' URLs. js: Uncaught SecurityError: Failed to set the 'cookie' property on 'Document': Cookies are disabled inside 'data:' URLs. js: Uncaught SecurityError: Failed to read the 'cookie' property from 'Document': Cookies are disabled inside 'data:' URLs.
05-27
这个错误提示说明在你的 QWebEngineView 中调用百度地图API时，由于你的 Cookies 和 LocalStorage 被禁用，导致无法读取和设置这些属性，从而引发了错误。解决这个问题的方法是启用 Cookies 和 LocalStorage。你可以在 QWebEngineView 中设置相应的选项来启用这些功能，如下所示： ```python from PyQt5.QtWebEngineWidgets import QWebEnginePage, QWebEngineProfile, QWebEngineSettings # 创建 QWebEnginePage 对象 web_page = QWebEnginePage() # 获取 QWebEngineProfile 对象 profile = web_page.profile() # 获取 QWebEngineSettings 对象 settings = profile.settings() # 启用 Cookies 和 LocalStorage settings.setAttribute(QWebEngineSettings.LocalStorageEnabled, True) settings.setAttribute(QWebEngineSettings.CookiesEnabled, True) ``` 你可以将以上代码加入到你的程序中，然后再次运行，应该就可以正常调用百度地图API了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值