dom標准里面的
獲取當前文檔中指定id的元素
if (document.getElementById("regjm").value != document.getElementById("regjm1").value ) {
alert("提示:請輸入有效的認證碼");
document.getElementById("regjm1").focus();
return false;
}
例如:
<script>
function get()
{
if(document.getElementById("Addr").value=="")
{
alert("null");
}
else
{
alert(document.getElementById("Addr").value);
}
}
</script>
<head>
<input type="text" id="Addr" value="">
<input type="button" value="click" onclick="get();">
顧明思義,get-Element-By-Id,就是通過ID來設置/返回HTML標簽的屬性及調用其事件與方法。用這個方法基本上可以控制頁面所有標簽,條件很簡單就是給每個標簽分配一個ID號
document.getElementById("link").href;
document.getElementById("link").target;
document.getElementById("img").src;
document.getElementById("img").width;
document.getElementById("img").height;
document.getElementById("input").value;
那么如何取得<div></div>以及<a></a>之間的值呢?如<div id="div">aaa</div>中的aaa,<a href="#" id="link">bbb</a>中的bbb,也很簡單,利用innerHTML就可以了:
document.getElementById("div").innerHTML;
document.getElementById("link").innerHTML;
getElementById 方法
返回具有指定 ID 屬性值的第一個對象的一個引用。
語法
oElement = document.getElementById(sIDValue)
參數
sIDValue 必選項。指明 ID 屬性值的字符串
返回值
返回 ID 屬性值與指定值相同的第一個對象。
注釋
如果 ID 屬於一個集合,getElementById 方法返回集合中的第一個對象。
getElementById 方法與使用 all 集合上的 item 方法等同。例如,以下代碼樣本表示如何從 document 對象中取回 ID 為 oDiv 的第一個要素。
使用 DHTML 對象模型:
var oVDiv = document.body.all.item("oDiv");
使用文檔對象模型(DOM):
var oVDiv = document.getElementById("oDiv");
示例
以下例子表示如何使用 getElementById 方法返回 ID 屬性值 oDiv 的第一次出現。
<script>
function fnGetId(){
// Returns the first DIV element in the collection.
var oVDiv=document.getElementById("oDiv1");
}
</script>
<DIV ID="oDiv1">Div #1</DIV>
<DIV ID="oDiv2">Div #2</DIV>
<DIV ID="oDiv3">Div #3</DIV>
<INPUT TYPE="button" VALUE="Get Names" onclick="fnGetId()">
getElementById 方法
返回具有指定 ID 屬性值的第一個比如說有個網頁中有個text框的id叫text1
getElementById(text1)就能得到這個text1框的對象,並使用text框的所有屬性和方法
這個是JS的一個方法,意思是通過控件ID取得元素的值,如一個form里包函text、label等,他們都是FORM的元素,有一個分配的ID,getElementById()是取得這些元素的text值的。
這個是JS的一個方法,意思是通過控件ID取得元素的值,如一個form里包函text、label等,他們都是FORM的元素,有一個分配的ID,getElementById()是取得這些元素的text值的。
程序舉例
<html>
<head>
<script type="text/javascript">
function alignRow()
{
var x=document.getElementById('myTable').rows
x[0].align="right"
}
</script>
</head>
<body>
<table width="60%" id="myTable" border="1">
<tr>
<td>行1 單元格1</td>
<td>行1 單元格2</td>
</tr>
<tr>
<td>行2 單元格1</td>
<td>行2 單元格2</td>
</tr>
<tr>
<td>行3 單元格1</td>
<td>行3 單元格2</td>
</tr>
</table>
<form>
<input type="button" onclick="alignRow()" value="右對齊第一行文字">
</form>
</body>
</html>
支隊一個單元隔進行對齊
<html>
<head>
<script type="text/javascript">
function alignCell()
{
var x=document.getElementById('myTable').rows[0].cells
x[0].align="center"
}
</script>
</head>
<body>
<table id="myTable" border="1" width="100%">
<tr>
<td>單元格1</td>
<td>單元格2</td>
</tr>
<tr>
<td>單元格3</td>
<td>單元格4</td>
</tr>
</table>
<form>
<input type="button" onclick="alignCell()" value="居中對齊第一個單元格的內容">
</form>
</body>
</html>
改變colspan的值
<html>
<head>
<script type="text/javascript">
function setColSpan()
{
var x=document.getElementById('myTable').rows[0].cells
x[0].colSpan="2"
x[1].colSpan="6"
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td colspan="4">單元格1</td>
<td colspan="4">單元格2</td>
</tr>
<tr>
<td>單元格3</td>
<td>單元格4</td>
<td>單元格5</td>
<td>單元格6</td>
<td>單元格7</td>
<td>單元格8</td>
<td>單元格9</td>
<td>單元格10</td>
</tr>
</table>
<form>
<input type="button" onclick="setColSpan()" value="改變colspan值">
</form>
</body>
</html>
需要注意的:
1.document.getElementById(" ") 得到的是一個對象,用alert顯示得到的是一個“object”,而不是具體的值,它有value和length屬性,加上".value"得到的才是具體的值!
A.語法:
oElement = document . getElementById ( "sID" ) ;
參數:其中sID: 必選項,類型為字符串 (String) 。 返回值:oElement :對象 (Element) 。
說明:
根據指定的 id 屬性值得到對象。返回 id 屬性值等於 sID 的第一個對象的引用。假如對應的為一組對象 ,則返回該組對象中的第一個。如果無符合條件的對象,則返回 null 。
B.例子:
text1:
<input name="textName1" type="text" id="textName2" />
<br>
text2:
<input name="textName2" type="text" id="textName1" />
<br>
<input type="button" name="Submit" value="text1" onclick=alert(document.getElementById('textName2').value) />
<input type="button" name="Submit2" value="text2" onclick=alert(document.getElementById('textName1').value) />
在第一個文本框中輸入1,在第二個文本框中輸入2,然后點下面的兩個按鈕,猜一下結果是什么?
我本意是按鈕1返回第一個文本框的值,按鈕2返回個文本框的值。結果是兩個按鈕都返回了第一個文本框的值。C.注意:
說明ie執行document.getElementById(elementName)的時候,並不是按照ID來查找的。在IE中getElementById 先找name。
在fireFox中不存在這樣的問題,fireFox執行document.getElementById(elementName)的時候只查找id等於elementName的對象,如果不存在則返回null。
可能IE是考慮的兼容性的問題才這么做的。
focus
使得元素得到焦點並執行由 onfocus 事件指定的代碼。
getElementById
獲取對 ID 標簽屬性為指定值的第一個對象的引用。
getElementsByName
根據 NAME 標簽屬性的值獲取對象的集合。
getElementsByTagName
獲取基於指定元素名稱的對象集合。
document.getElementById方法簡寫(js技巧)
prototype.js里提倡的一個方法就是使用$()簡寫,通過以下的函數,你可以用$('id')來實現document.getElementById('id') 這個功能。
function $()
{
var elements = new Array();
for (var i = 0; i < arguments.length; i++) {
var element = arguments[i];
if (typeof element == 'string')
element = document.getElementById(element);
if (arguments.length == 1)
return element;
elements.push(element);
}
return elements;
}
如果你想它提交一個帶多個id的數組后,他也會向你返回多個元素的Array!