javascript getElementById 使用方法

最新推荐文章于 2024-07-30 17:09:59 发布

JCONETWO

最新推荐文章于 2024-07-30 17:09:59 发布

阅读量1.9k

点赞数 1

分类专栏： javascript 文章标签： javascript

javascript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

顾明思义，得到元件型ID别，就是通过ID来设置/返回的HTML标签的属性及调用其事件与方法。用这个方法基本上可以控制页面所有标签，条件很简单就是给每个标签分配一个ID号

的document.getElementById（ “链接”）HREF。
。的document.getElementById（ “链接”）目标;
。的document.getElementById（ “IMG”）的src;
。的document.getElementById（ “IMG”）的宽度;
。的document.getElementById（ “IMG”）的高度;
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（ “链接”）的innerHTML。
getElementById方法
返回具有指定ID属性值的第一个对象的一个引用。
语法
oElement = document。

如果ID属于一个集合，getElementById方法返回集合中的第一个对象
。getElementById方法与使用所有集合上的项目方法等同。例如，以下代码样本表示如何从文档对象中取回ID为oDiv的第一个要素。
使用DHTML对象模型：
var oVDiv = document.body.all.item（“oDiv”）;
使用文档对象模型（DOM）：
var oVDiv = document.getElementById（“oDiv”）;
示例
以下例子示例如何使用getElementById方法返回ID属性值oDiv的第一次出现。
<script>
function fnGetId（）{
//返回集合中的第一个DIV元素。
var oVDiv = document.getElementById（“oDiv1”）;
}
</ SCRIPT>
<DIV ID = “oDiv1”>股利＃1 </ DIV>
<DIV ID = “oDiv2”>股利＃2 </ DIV>
<DIV ID = “oDiv3”>股利＃3 </ DIV>
<INPUT TYPE =“

返回具有指定ID属性值的第一个比如说有个网页中有个文本框的id叫text1
getElementById（text1）就能得到这个text1框的对象，并使用text框的所有属性和方法
这个是JS的一个方法，意思是通过控件ID取得元素的值，如一个形式里包函文本，标签等，他们都是FORM的元素，有一个分配的ID，的getElementById（）是取得这些元素的文本值的。
这个是JS的一个方法，意思是通过控件ID取得元素的值，如一个形式里包函文本，标签等，他们都是FORM的元素，有一个分配的ID，的getElementById（）是取得这些元素的文本值的。
程序举例

<HTML> 
<HEAD> 
<script type =“text / javascript”> 
函数alignRow（） 
{ 
var x = document.getElementById（'myTable'）。rows 
X [0] = .align伪 “右” 
} 
</ SCRIPT> 
</ HEAD> 
<BODY> 
<table width =“60％”id =“myTable”border =“1”> 
<TR> 
行1单元格1 </ td> 
行1单元格2 </ td> 
</ TR> 
<TR> 
行2单元格1 </ td> 
行2单元格2 </ td> 
</ TR> 
<TR> 
行3单元格1 </ td> 
行3单元格2 </ td> 
</ TR> 
</ TABLE> 
<FORM> 
<input type =“button”onclick =“alignRow（）”value =“右对齐第一行文字”> 
</ FORM> 
</ BODY> 
</ HTML>

支队一个单元隔进行对齐

<HTML> 
<HEAD> 
<script type =“text / javascript”> 
函数alignCell（） 
{ 
var x = document.getElementById（'myTable'）。rows [0] .cells 
X [0] = .align伪 “中心” 
} 
</ 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>

改变合并单元格的值

<HTML> 
<HEAD> 
<script type =“text / javascript”> 
函数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>

注：本文转自网络，详见关连文章链接连接。

JCONETWO

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
javascript getElementById 使用方法

顾明思义，得到元件型ID别，就是通过ID来设置/返回的HTML标签的属性及调用其事件与方法。用这个方法基本上可以控制页面所有标签，条件很简单就是给每个标签分配一个ID号的document.getElementById（ “链接”）HREF。。的document.getElementById（ “链接”）目标; 。的document.getElementById（ “IMG”）的s
复制链接

扫一扫

专栏目录