注意:
document.getElementById(" ")
得到的是一個對象,用
alert
顯示得到的是
“
object
”,而不是具體的值,它有
value
和
length
等屬性,加上
.value
得到的才
是具體的值!
參考資料:
1. document . getElementById 的用法和 DHTML.CHM 的下載地址
http://blog.sina.com.cn/u/4933092a010003k7
今天在網(wǎng)絡(luò)上查找 document . getElementById 的用法,如下:
?A
:
???
語法:
????oElement = document . getElementById ( sID )
????
參數(shù):
????sID? :
必選項(xiàng)。字符串
(String)
。
????
返回值:
????oElement? :
對象
(Element)
。
????
說明:
????
根據(jù)指定的
id
屬性值得到對象。返回
id
屬性值等于
sID
的第一個對象的引用。假如對應(yīng)的為一組對象
????
,則返回該組對象中的第一個。
????
如果無符合條件的對象,則返回
null
。
?
B :有一個例子可以很好的說明:
?
??****************************************************************************
??*????????????????????????????????????????????????????????????????????????? *
??*?
這個函數(shù)中最關(guān)鍵的地方是
document.getElementById
,他是什么呢?
????? *
??*????????????????????????????????????????????????????????????????????????? *
??*?
關(guān)于
document.getElementById
,是這樣的:
??????????????????????????? *
??*??????????????????????????????????????????????????????????????????? *
??*?
如:
document.getElementById('hdrPageHeader_lblTitle')????????????? *
??*??????????????????????????????????????????????????????????????????? *
??*?
表示的意思是:獲取
ID
為
:hdrPageHeader_lblTitle
的對象
??????????????? *
??*????????????????????????????????????????????????????????????????????????? *
??*?<a id="hdrPageHeader_lblTitle0">aa</a>???????????????????????????? *
??*?<a id="hdrPageHeader_lblTitle">bb</a>????????????????????????????? *
??*?<a id="hdrPageHeader_lblTitle1">cc</a>???????????????????????????? *
??*?<script language="javascript">???????????????????????????????????? *
??*?<!--?????????????????????????????????????????????????????????????? *
??*?var idtext=document.getElementById('hdrPageHeader_lblTitle')?????? *
??*?alert(idtext.innerText)??????????????????????????????????????????? *
??*?//-->????????????????????????????????????????????????????????????? *
??*?</script>????????????????????????????????????????????????????????? *
??*????????????????????????????????????????????????????????????????????????? *
??****************************************************************************?
?
C :另外還得到一個細(xì)節(jié):
http://bbs.cnitn.cn/dispbbs.asp?boardid=20&id=12957 ,內(nèi)容是:
①
document.getElementById
有時會抓
name
放過了
id
,據(jù)說是
IE
的一個
BUG
;
頁面中有
????<input type="hidden" id="hello8" name="category_id" value="2" />
???????? <select id="category_id"?? onchange="al();">
一個是
name="category_id"
一個是
id="category_id"
用
document.getElementById
取第二個,可是,取到的卻是第一個
name=category_id
在
IE
中
getElementById
竟然不是先抓
id
而是先找
name
相同的物件
...
兩個
form,
每個
form
有兩個
textbox,
兩個
form
中的
textbox
是相同的
name,
但
id
都不同
...
這樣在
Firefox
是沒問題的
...
但在
IE
卻只抓得到第一個出現(xiàn)的
name
資料
?
D :在得到答案后,同時也得到了兩本好的手冊工具,
1.DHTML.CHM -----
很全面的
DHTML
的參考手冊
2.javascript
的參考手冊
?
飲水思源,我還是不要把別人的成果直接放到這里,下面這個地址提供了下載連接:
http://www.xy72.com/bbs/dispbbs.asp?boardID=11&ID=71&page=1
2. document 對象
http://www.phpx.com/man/dhtmlcn/objects/obj_document.html
屬性: title ; bgColor ; url; ( 使用: document.title)
方法:
使得元素得到焦點(diǎn)并執(zhí)行由
onfocus
事件指定的代碼。
|
|
獲取對
ID
標(biāo)簽屬性為指定值的第一個對象的引用。
|
|
根據(jù)
NAME
標(biāo)簽屬性的值獲取對象的集合。
|
|
獲取基于指定元素名稱的對象集合。
|
Thankyou!!!!
<TABLE cellSpacing="2" cellPadding="1" width="100%" align="center" border="0" id="pskSettingTable">
...
</TABLE>
<script>
var pskSettingTable = document.getElementById("pskSettingTable");
</script>
在IE6.0 下pskSettingTable為null,在IE7.0和其它非IE核心瀏覽器中不為空