HTML DOM Keygen 对象 详解
HTML基础 2023-07-13 12:23:11小码哥的IT人生shichen
HTML DOM Keygen 对象
Keygen 对象
Keygen 对象是 HTML5 中的新对象。
Keygen 对象表示 HTML <keygen> 元素。
访问 Keygen 对象
您可以通过使用 getElementById() 来访问 <keygen> 元素：
var x = document.getElementById("myKeygen");
完整实例【亲自试一试】：
<!DOCTYPE html>
<html>
<body>
<h3>演示如何访问 Keygen 对象</h3>
<keygen id="myKeygen" name="security">
<p>点击按钮来禁用 keygen 元素。</p>
<button onclick="myFunction()">试一下</button>
<script>
function myFunction()
{
var x = document.getElementById("myKeygen");
x.disabled = true;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
创建 Keygen 对象
您可以通过使用 document.createElement() 方法来创建 <keygen> 元素：
var x = document.createElement("KEYGEN");
完整实例【亲自试一试】：
<!DOCTYPE html>
<html>
<body>
<h3>演示如何访问 Keygen 对象</h3>
<p>点击按钮来创建 KEYGEN 元素。</p>
<button onclick="myFunction()">试一下</button>
<script>
function myFunction()
{
var x = document.createElement("KEYGEN");
x.setAttribute("name", "security");
document.body.appendChild(x);
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
Keygen 对象属性
| 属性 | 描述 |
|---|---|
| autofocus | 设置或返回 keygen 在页面加载后是否应自动获取焦点。 |
| challenge | 设置或返回 keygen 的 challenge 属性值。 |
| disabled | 设置或返回 keygen 是否被禁用。 |
| form | 返回对包含 keygen 的表单的引用。 |
| keytype | 设置或返回 keygen 的 keytype 属性值。 |
| name | 设置或返回 keygen 的 name 属性值。 |
| type | 返回 keygen 的表单元素类型。 |
