Doucment物件的應用

2022-08-28 17:48:11 字數 2528 閱讀 4190

document物件為對網頁內部文件的操作,它基本上所有的東西都可以操作,一般用來操作一些標籤。

而要想操作這個標籤裡面的元素,首先要找到該元素。js裡面找元素的方式類似於樣式表的選擇器找元素的方式,同時為元素定義乙個變數:

1.通過id查詢:var a = document.getelementbyid("a");,括號內為元素的id;

2.通過class查詢:var b = document.getelementsbyclassname("a");,括號內為元素的class;如果在class名後面加上[0],則可找到其中第乙個元素,內的數字 

和陣列內數字的順序相同;

3.通過標籤名查詢:var c = document.getelementsbytagname("div");,括號內為標籤名;

4.通過name查詢:var d = document.getelementsbyname("uid");,這種查詢方式適用於表單元素,括號內為表單元素的名字(name)。

例項:環境

>書名:海島書店

div>

<

input

type

="button"

class

="changebook"

value

="換換名稱"

onclick

="alterbook()"

>

<

br />

四季名稱

<

input

type

="button"

name

="season"

value

="春"

>

<

input

type

="button"

name

="season"

value

="夏"

>

<

input

type

="button"

name

="season"

value

="秋"

>

<

input

type

="button"

name

="season"

value

="冬"

>

<

br />

<

input

type

="button"

class

="b2"

value

="input內容"

onclick

="all_input()"

>

<

input

type

="button"

class

="b3"

value

="四季名稱"

onclick

="s_input()"

>

<

input

type

="button"

class

="b4"

value

="清除頁面內容"

單擊換名稱 :

JS物件和物件的應用

1.工場模式和 建構函式模式 工場模式 function students name,age,grade 2.給物件裡面的屬性賦值 stu.name name stu.age age stu.grade grade 3.返回建立好的物件 2.建構函式模式 function box name,age ...

ServletContext物件的應用

servletcontext物件 user root pass 1234 1.獲取指定名稱的context配置資訊 servletcontex context this.getservletcontext string user context.getinitparameter user syste...

關於request物件的應用

string ip request.getremotehost 上面得到的ip並不是伺服器的ip,而是你本機的ip.string name request.getservername 這個servername並不是你工程的名字.這個其實是伺服器的ip.int port request.getserv...