jquery - 验证由 jQuery 创建的 HTML 代码

标签 jquery html xhtml validation

我有一个 HTML 页面,通过单击按钮等元素,新的 DOM 元素将使用 jQuery(即 $('#foo').append('<div> ... </div>');)附加到我的文档中。我还使用 remove() 删除了 DOM 元素.

我知道 validator为了验证我的 HTML 代码。但我还需要验证使用 jQuery 创建的 HTML 代码。我怎样才能做到这一点?例如我想 click一个按钮,查看更改后的 HTML 代码并验证它等等......

我尝试使用 Inspect Element显示“实时”HTML 代码。但是当复制代码时,它不会复制反斜杠(/),所以当使用粘贴的文档到验证器时,我会收到大量错误提示 /缺少这样一个:

Line 2, Column 69: end tag for "meta" omitted, but OMITTAG NO was specified
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8">

虽然我的真实源码包含:

  <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> 

有什么想法吗?

最佳答案

我会尝试浏览器扩展。类似这样的事情:

Chrome :

https://chrome.google.com/webstore/detail/cgndfbhngibokieehnjhbjkkhbfmhojo

火狐:

https://addons.mozilla.org/en-US/firefox/addon/total-validator/

我不常使用 IE 或 Safari,所以无法在这方面帮助您。

我唯一能想到的尝试是使用 jQuery 在控制台中执行类似 $('html').html() 的操作,并将结果复制到文本文件。我确定这将包括 DOM 修改

关于jquery - 验证由 jQuery 创建的 HTML 代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6971859/

相关文章:

jQuery replaceWith,追加,前置不起作用

html - CSS 边距自动

javascript - 将字符串转换为数组中的键值对

页面加载完成后的 Jquery 动画

javascript - 获取 $rootScope :inprog error when calling click method of input type file programmatically

html - 让文本在所有屏幕尺寸下都停留在页面的中间/中心?

java - ajax 发布后需要在下一个选项卡上显示数据库中的数据

html - Itemscope 和 itemprop 处于同一级别

javascript - jQuery 的网站的演示窗口滚动是如何工作的?

html - 激活时在文本框周围制作发光效果