HTML | DOM 源类型属性

HTML | DOM 源类型属性用于获取或设置指定元素的源类型属性。源类型是指元素的实际内容类型，例如 script 元素的源类型可能是 JavaScript 或 VBScript。

语法

获取元素源类型属性：

elementObject.type

设置元素源类型属性：

elementObject.type = type

参数

• elementObject：要获取或设置源类型属性的元素对象。
• type：设置元素的源类型。

示例

获取 input 元素的源类型：

const input = document.getElementById('myInput');

console.log(input.type);
// Output: text

设置 input 元素的源类型：

const input = document.getElementById('myInput');

input.type = 'email';

属性值

源类型属性的值通常为以下之一：

• "text"：文本输入框。
• "button"：普通按钮。
• "checkbox"：复选框。
• "file"：文件上传输入框。
• "hidden"：隐藏的文本输入框。
• "image"：图像提交按钮。
• "password"：密码输入框。
• "radio"：单选框。
• "reset"：重置按钮。
• "submit"：提交按钮。

除此之外，源类型属性还可以是实际的脚本语言类型，如 "text/javascript" 或 "text/vbscript"。在这种情况下，源类型属性用于指示浏览器该如何解释元素的内容。

浏览器兼容性

源类型属性在所有现代浏览器中都得到支持，包括 Internet Explorer 8+。

总结

源类型属性用于指定一个元素的实际内容类型。它通常用于输入框和按钮等表单元素，也可用于指定脚本内容的语言类型。可以使用 elementObject.type 获取或设置元素的源类型。