獲取表單元素的方式,大體可以分為以下幾種方式:
document物件提供的定位頁面元素的一系列方法
"myform" name=
"myform"
class
="login" action=
"#">
<
/form>
var formld = document.
getelementbyid
('myform');
var formname = document.
getelementsbyname
('myform');
var formelement = document.
getelementsbytagname
('form')[
0];var formclass = document.
getelementsbyclassname
('login')[
0];var formld2 = document.
queryselector
('#myform');
var formelement2 = document.
queryselectorall
('form')[
0];<
/script>
document物件 通過表單的name屬性值獲取指定表單元素
較早的瀏覽器還會將定義了name屬性的表單儲存在document物件中。
"myform" name=
"myform"
class
="login" action=
"#">
<
/form>
var form = document.myform;
console.
log(form)
;<
/script>
注意: 這種方式並不推薦,因為在新版本的瀏覽器中可能不再支援。獲取表單元素
lang
="en"
>
>
charset
="utf-8"
>
>
獲取表單元素title
>
head
>
>
action
="#"
>
type
="submit"
>
form
>
name="
'myform"
action
="#"
>
type
="submit"
>
form
>
>
// 獲取當前html頁面中所有的表單元素
console.
log(document.forms)
;// document. 表單名稱一有些新版 本的瀏覽器不支援
console.
log(document.myform)
;script
>
body
>
html
>
獲取表單元件的方式,大體可以分為以下幾種方式:
document物件 提供的定位頁面元素的一 系列方法
"myform" name=
"myform"
class
="login" action=
"#">
使用者名稱:
"text" id=
"username" name=
"username"
>
密碼:" password" id=
"password" name=
"password"
>
"submit"
>
<
/form>
var username = document.
getelementbyld
('username');
var password = document.
getelementsbyname
("password");
<
/script>
html formelement物件的elements屬性
該屬性用於獲取指定表單的所有元件的集合。
"myform" name=
"myform"
class
="login" action=
"#">
使用者名稱:
"text" id=
"username" name=
"username"
>
密碼:" password" id=
"password" name=
"password"
>
"submit"
>
<
/form>
var myform = document.forms[0]
;var formelements = myform.elements;
console.
log(formelements)
;<
/script>
注意: html formelement物件提供了elements屬性獲取的表單元件中,不包含type為image的input元素。
lang
="en"
>
>
charset
="utf-8"
>
>
獲取表單元件元素title
>
head
>
>
action
="#"
>
type
="text"
name
="usernamel"
>
type
="submit"
>
form
>
>
var form = document.forms[0]
; console.
log(form.elements)
;script
>
body
>
html
>
今日金句
給我乙個時間說愛,用我的心化成星星,填滿你寂寞的夜裡,從來不曾有過這樣的感覺,我卻渴望擁有美麗的永遠。
linux awk 陣列操作詳細介紹
用awk進行文字處理,少不了就是它的陣列處理。那麼awk陣列有那些特點,一般常見運算又會怎麼樣呢。我們先看下下面的一些介紹,結合例子我們會講解下它的不同之處。在 awk 中陣列叫做關聯陣列 associative arrays 因為下標記可以是數也可以是串。awk 中的陣列不必提前宣告,也不必宣告大...
linux awk陣列操作詳細介紹
用awk進行文字處理,少不了就是它的陣列處理。那麼awk陣列有那些特點,一般常見運算又會怎麼樣呢。我們先看下下面的一些介紹,結合例子我們會講解下它的不同之處。在 awk 中陣列叫做關聯陣列 associative arrays 因為下標記可以是數也可以是串。awk 中的陣列不必提前宣告,也不必宣告大...
linux awk陣列操作詳細介紹
linux awk陣列操作詳細介紹 用awk進行文字處理,少不了就是它的陣列處理。那麼awk陣列有那些特點,一般常見運算又會怎麼樣呢。我們先看下下面的一些介紹,結合例子我們會講解下它的不同之處。在 awk 中陣列叫做關聯陣列 associative arrays 因為下標記可以是數也可以是串。awk...