JavaScript擷取當前頁面上的指定對象範例程式碼

最後更新：2018-01-01 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

這篇文章主要介紹了JavaScript擷取當前頁面上指定對象的方法,需要的朋友可以參考下

JavaScript如何擷取當前頁面上的指定對象.

方法如下:

代碼如下:

document.getElementById(ID) //獲得指定ID值的對象

document.getElementsByName(Name) //獲得指定Name值的對象數組

document.all[] //很智能的東東不過非WEB標準

document.getElementsByTagName //獲得指定標籤值的對象數組

下面給出例子,只需把注釋去掉直接運行就可看出效果.

代碼如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

</HEAD>

<BODY>

</tr>

<tr>

<option value="BTSPT">BTSPT</option>

</select>

</td>

</tr>

</tr>

</table>

</form>

</BODY>

</HTML>

<!--

function do_check(){

// getElementById：就是通過ID來取得元素，所以只能訪問設定了ID的元素。

// 方法的傳回值能確保為你所需要的對象，因為整個頁面中一個對象的ID值是唯一的．

// var organizationId = document.getElementById("organizationId");

// alert(organizationId.value);

// getElementsByName：就是通過NAME來獲得元素．

// 方法的傳回值為一個數組，即使在整個頁面中只有一個name屬性為給定值的對象，它也會以數組的方式返回．

// 只不過這時的數組長度為一罷了．

// var organizationId = document.getElementsByName("organizationId");

// alert(organizationId[0].value);

// alert(organizationId.length);

// getElementsByTagName:通過TAGNAME（標籤名稱）來獲得元素，一個DOCUMENT中當然會有相同的標籤，

// 所以這個方法和getElementsByName基本相識也是取得一個數組，只是擷取對象的方式上的區別．

// var inputs = document.getElementsByTagName("input");

// alert(inputs.length);

// alert(inputs[0].value);

// alert(inputs[1].value);

// alert(inputs[2].value);

// document.all[]是文檔中所有標籤組成的一個陣列變數，包括了文檔對象中所有元素．

// 一般通過名字去擷取指定元素，不過它比getElementsByName要智能一點就是如果合格對象有一個則返回此對象，多個會以數組的形式返回

// var organizationId = document.all["organizationId"];

// alert(organizationId[0].value)

// document.all["organizationId"]

// document.all.item("organizationId")

}

//-->

</SCRIPT>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More

JavaScript擷取當前頁面上的指定對象範例程式碼

聯繫我們

A Free Trial That Lets You Build Big!

Sales Support

After-Sales Support