checked js 獲取值 JS第三天

2021-10-13 22:05:57 字數 3582 閱讀 8011

js第三天

bom物件

二、元素節點的操作

建立節點

createelement()

建立乙個新的節點,需要傳入節點的標籤名稱,返回建立的元素物件

createtextnode()

建立乙個文字節點,可以傳入文字內容

innerhtml

也能達到建立節點的效果,直接新增到指定位置了

插入節點

write()

將任意的字串插入到文件中

向元素中新增新的子節點,作為最後乙個子節點

insertbefore()

向指定的已有的節點之前插入新的節點(詳情看文件)

間接查詢節點

childnodes ()

返回元素的乙個子節點的陣列

parentnode

返回元素的父節點

4. 替換節點

replacechild(newnode,oldnode)

用新的節點替換舊的節點

5. 轉殖節點

clonenode()

複製節點

6. 刪除節點

removechild()

removechild() 從元素中移除子節點

三、屬性操作

getattribute()

返回指定元素的屬性值

setattributenode()

設定或者改變指定屬性節點

二、獲取表單

1、document.表單名稱

2、document.getelementbyid(表單 id);

3、document.forms[表單名稱]

4、document.forms[索引]; //從 0 開始

三、獲取元素

1. 獲取 input 的元素

1)、通過 id 獲取:document.getelementbyid(元素 id);

2)、通過 form.名稱形式獲取: myform.元素名稱;  name 屬性值

3)、通過 name 獲取 :document.getelementsbyname(元素名稱)[索引] //從 0 開始

4)、通過 tagname 陣列 :document.getelementsbytagname('input')[索引] //從 0 開始

2. 獲取 單選按鈕

(1)獲取單選按鈕組:

document.getelementsbyname("name 屬性值");

(2)遍歷每個單選按鈕,並檢視單選按鈕元素的 checked 屬性

若屬性值為 true 表示被選中,否則未被選中

3. 獲取 多選按鈕

操作方式與單選同理,不同之處在於可以多選

4、獲取下拉選項

(1)獲取 select 物件:

(2)獲取選中項的索引:

(3)獲取選中項 options 的 value 屬性值:

(4)獲取選中項 options 的 text:

四、提交表單

(1)使用普通 button 按鈕+onclick 事件+事件中編寫**:

獲取表單.submit();

(2)使用 submit 按鈕 + οnclick="return 函式()" +函式編寫**:

最後必須返回:return true|false;

(3)使用 submit 按鈕/提交按鈕 + 表單 οnsubmit="return 函式();" +函式編寫**:

最後必須返回:return true|false;

五、表單驗證

bom物件

二、元素節點的操作

建立節點

createelement()

建立乙個新的節點,需要傳入節點的標籤名稱,返回建立的元素物件

createtextnode()

建立乙個文字節點,可以傳入文字內容

innerhtml

也能達到建立節點的效果,直接新增到指定位置了

插入節點

write()

將任意的字串插入到文件中

向元素中新增新的子節點,作為最後乙個子節點

insertbefore()

向指定的已有的節點之前插入新的節點(詳情看文件)

間接查詢節點

childnodes ()

返回元素的乙個子節點的陣列

parentnode

返回元素的父節點

4. 替換節點

replacechild(newnode,oldnode)

用新的節點替換舊的節點

5. 轉殖節點

clonenode()

複製節點

6. 刪除節點

removechild()

removechild() 從元素中移除子節點

三、屬性操作

getattribute()

返回指定元素的屬性值

setattributenode()

設定或者改變指定屬性節點

二、獲取表單

1、document.表單名稱

2、document.getelementbyid(表單 id);

3、document.forms[表單名稱]

4、document.forms[索引]; //從 0 開始

三、獲取元素

1. 獲取 input 的元素

1)、通過 id 獲取:document.getelementbyid(元素 id);

2)、通過 form.名稱形式獲取: myform.元素名稱;  name 屬性值

3)、通過 name 獲取 :document.getelementsbyname(元素名稱)[索引] //從 0 開始

4)、通過 tagname 陣列 :document.getelementsbytagname('input')[索引] //從 0 開始

2. 獲取 單選按鈕

(1)獲取單選按鈕組:

document.getelementsbyname("name 屬性值");

(2)遍歷每個單選按鈕,並檢視單選按鈕元素的 checked 屬性

若屬性值為 true 表示被選中,否則未被選中

3. 獲取 多選按鈕

操作方式與單選同理,不同之處在於可以多選

4、獲取下拉選項

(1)獲取 select 物件:

(2)獲取選中項的索引:

(3)獲取選中項 options 的 value 屬性值:

(4)獲取選中項 options 的 text:

四、提交表單

(1)使用普通 button 按鈕+onclick 事件+事件中編寫**:

獲取表單.submit();

(2)使用 submit 按鈕 + οnclick="return 函式()" +函式編寫**:

最後必須返回:return true|false;

(3)使用 submit 按鈕/提交按鈕 + 表單 οnsubmit="return 函式();" +函式編寫**:

最後必須返回:return true|false;

五、表單驗證

jq非同步獲取值

在開發過程中,如果使用jquery時,有時候會用到ajax的一些方法去非同步獲取值,這時候就是出現一些問題,如下 var arr ajax type success function res console.log arr console.log arr.length 通過列印的資料會發現,雖然ar...

checkbox 選中獲取值

1 jsp 頁面 從頁面獲取checkbox 的值傳到後台 class hide 全選 取消全選 使用者登入名 姓名性別 手機號碼 郵箱郵箱狀態 生日使用者型別 個人位址 個人qq 公司 註冊型別 企業名稱 中文 企業位址 中文 主營產品 中文 公司 外貿負責人姓名 外貿負責人性別 外貿負責人職位 ...

WebElement介面獲取值

通過webelement介面獲取值 size 獲取元素的尺寸 text 獲取元素的文字 get attribute name 獲取屬性值 location 獲取元素座標,先找到要獲取的元素,再呼叫該方法 page source 返回頁面原始碼 driver.title 返回頁面標題 current ...