如何使用 Javascript 动态设置 HTML5 必需属性

使用 Javascript 动态设置 HTML5 必需属性

要使用 Javascript 动态设置 HTML5 必需属性，请按照以下步骤操作：

问题概述

尝试使用推荐的 W3C 语法设置必需的属性：

document.getElementById("edName").attributes["required"] = "";

不会触发验证检查。

设置 HTML5 验证布尔属性的正确方法

设置 HTML5 验证布尔属性的正确方法是使用 element.required 属性。

例如：

document.getElementById("edName").required = true;

其中 edName 是输入元素的 ID。

理解属性值

在 HTML5 中，布尔属性可以可以通过以下方式定义：

• 将属性留空：required=""
• 使用属性的规范名称：required="required"

但是，当标记中定义了 required 属性时，该属性的值不是以下选项中的任何一个：

edName.attributes.required = [object Attr]

这是因为 required 是一个反射属性，类似于 id、name 和 type。

反射属性

反射属性是元素对象本身存在的属性。设置反射属性的值会更新 HTML 中相应的属性。

因此，以下两种方法是等效的：

使用 setter 属性：

element.required = true;

使用 setAttribute:

element.setAttribute("required", "");

要清除反射的属性，请使用removeAttribute:

element.removeAttribute("required");

以上是如何使用 Javascript 动态设置 HTML5 必需属性的详细内容。更多信息请关注PHP中文网其他相关文章！