📜  HTML | DOM 选项文本属性(1)

📅  最后修改于: 2023-12-03 15:15:38.143000             🧑  作者: Mango

HTML | DOM 选项文本属性

介绍

HTML 表单提供了许多可选项供用户选择,例如下拉列表、单选按钮等。这些可选项包含两种属性:值属性和文本属性。值属性是将选项唯一地识别和提交给服务器的数据内容,而文本属性则是用户在页面上看到的可选项内容。

在 DOM 中,可以通过选项元素节点的属性来获取、设置文本属性。

选项文本属性
text

选项的文本内容,即用户在页面上看到的可选项内容。

属性:text 

取值:字符串

选项的文本内容,即用户在页面上看到的可选项内容。

示例:
const options = document.getElementsByTagName('option');
console.log(options[0].text);
// 输出: "Apple"
label

为选项定义标签,用于将选项归类。

属性:label 

取值:字符串

为选项定义标签,用于将选项归类。

示例:
const options = document.getElementsByTagName('option');
console.log(options[0].label);
// 输出: "水果"
致谢

以上就是 HTML | DOM 选项文本属性的介绍,如果你有任何疑问或发现错误,欢迎指出。