📜  HTML | DOM 输入 URL 值属性(1)

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

HTML | DOM 输入 URL 值属性

简介

HTML | DOM 输入 URL 值属性是指用于获取或设置 HTML 元素中输入字段的 URL 值的属性。该属性通常用于 <input type="url"><input type="text"> 元素中。如果输入的字符串不是有效的 URL,则该属性的值为空字符串。

语法

获取属性值:

elementObject.value

设置属性值:

elementObject.value = text

其中,elementObject 是需要设置或获取属性的元素对象,text 是需要设置的字符串值。

示例
获取属性值

假设 HTML 元素为:

<input type="url" id="myURL">

则可以使用以下 JavaScript 代码获取该元素的输入 URL 值:

var urlValue = document.getElementById("myURL").value;
设置属性值

假设 HTML 元素为:

<input type="url" id="myURL">

则可以使用以下 JavaScript 代码设置该元素的输入 URL 值:

document.getElementById("myURL").value = "https://www.example.com";
注意事项
  • 当用户对输入字段中的值进行更改时,输入值属性将自动更新。
  • 如果对一个未设置 value 属性的输入字段使用此方法,则该方法将返回一个空字符串。