首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >检查<HTML>是否有属性

检查<HTML>是否有属性
EN

Stack Overflow用户
提问于 2022-11-07 07:11:57
回答 1查看 70关注 0票数 0

我有HTML文本的输入值,其中包含html标记,如下所示

jsFiddle

代码语言:javascript
复制
<input type="hidden" value="<!DOCTYPE html><html amp4email><head></head><body>...Content...</body></html>" id="ampHtml" />

尝试脚本:

代码语言:javascript
复制
var __amp_content = $("#ampHtml").val();
var __attr = jQuery(__amp_content).find('html').attr('amp4email');
if (typeof __attr !== 'undefined' && __attr !== false) {
    alert('Fail');
} else {
    alert('Success...');
}

如何在以下基础上显示警报:

  • 如果html有amp4email,则将警报显示为成功
  • 否则在失败时显示警告
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-11-07 07:23:27

看起来,jQuery在解析后只包含<body>标记的内容,在本例中,这只是一个文本节点。您想要的信息不在结果对象中。

一种选择是使用DOMParser。无论如何,像jQuery这样的大型库是不需要的。

代码语言:javascript
复制
const ampContent = document.querySelector('#ampHtml').value;
const doc = new DOMParser().parseFromString(ampContent, 'text/html');
const attribute = doc.documentElement.getAttribute('amp4email');
console.log('Has attribute:', attribute !== null);
代码语言:javascript
复制
<input type="hidden" value="<!DOCTYPE html><html amp4email><head></head><body>...Content...</body></html>" id="ampHtml" />

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/74343058

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档