制作复选框全选效果

document对象常用方法  

制作复选框全选效果

1.getElementById方法

此方法的唯一参数是带引号的字符串,该字符串包含要引用的元素ID,如下所示:

document.getElementById(“id”)

该方法返回一个值,通常将该值保存在一个变量中,供随后的脚本语句使用,例如:

var btn =document.getElementById(“btnId”);

在赋值语句后,变量就表示元素对象,可用于获取和设置该对象的属性,或者调用此类对象的方法。

2.document.getElementsByTagName()方法

可以使用getElementsByTagName()方法方便地收集一组共享同一个标记名称的页面元素。例如,要获得页面上所有图像,可以调用:

var allImages =document.getElementsByTagName(‘img’);

使用getElementsByTagName的一个优点是,它可以在页面的任何容器元素中收集某个集合。

3.document.createElement()和document.createTextNode()方法

在HTML文档中添加新元素至少需要两个步骤:

(1)为文档创建新元素。

(2)在页面的树形结构中,将其插入到需要的位置。

document.createElement方法可以在浏览器的内存中创建一个全新的元素对象。

document对象的方法如下表:                         

 

方法

 
 

说明

 
 

close()

 
 

关闭用document.open()方法打开的输出流,并显示选定的数据

 
 

getElementById()

 
 

返回对拥有指定id的第一个对象的引用

 
 

getElementsByName

 
 

返回带有指定名称的对象集合

 
 

getElementsByTagName

 
 

返回带有指定标签名的对象集合

 
 

open

 
 

打开一个流,以收集来自任何document.write()或document.write()方法的输出

 
 

write

 
 

向文档写HTML表达式JavaScript代码

 
 

writeLn()

 
 

等同于write()方法,不同的是在每个表达式之后写一个换行符

 


作者:zhushican   分类:六六互联   日期:2022年10月07日   浏览:496   评论:0