javascript - HTML 4.01 验证双引号问题

标签 javascript html css validation

我正在尝试使用动态创建的元素成功验证 html 页面,但我从 HTML 4.01 Strict 验证程序中收到以下错误:

".." is not a member of a group specified for any attribute

引用指定为背景的url中的两个点:

<div onclick="startGame();" style="background: url("../media/backgrounds/lev0.png") repeat scroll 0% 0% transparent;" id="gamewindow"></div>

显然,验证器认为 url( 之后的 "是样式属性的结尾,并且以这种方式给我错误和以下两个仍然与此问题相关的错误。 主要问题是内联样式属性是通过 javascript 定义的,我无法将双引号更改为单个 ',因为它是自动完成的。我修改了验证器直接输入字段中的代码,将 "替换为 ',它运行良好,没有任何错误。 非常感谢任何有关如何解决此问题的想法。

最佳答案

使用setAttribute方法解决:

document.getElementById("gamewindow").setAttribute('style',"background:url('../media/backgrounds/lev0.png')");

以这种方式,包含 url 的单个 ' 将原样转换回 CSS,而不是像使用 .style 属性那样转换成 "。

关于javascript - HTML 4.01 验证双引号问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26553195/

相关文章:

javascript - 想要避免 highcharts 中每个堆叠条之间的间距?

html - 如何在 AngularJS 中检索以前的 URL

javascript - 淡入 AngularJS 上的数据

html - 有多个iframe时如何制作响应式iframe

javascript - 在 dhtmlx 甘特图中垂直滚动时,任务行和网格行未正确对齐

html - 在保持切换菜单(汉堡包)的同时更改导航栏背景颜色

javascript - JQuery 单击跨度中的文本?

javascript - jQuery onclick 问题

javascript - 使用 Angular js 和 php 的搜索功能无法正常工作

javascript - 使 console.log 在 Google Chrome 中同步工作