欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JavaScript语法——获取元素

程序员文章站 2022-06-13 16:05:52
...

getElementById (通过元素ID)

document对象特有的函数。
只有一个参数:你想获得的那个元素的id属性。
这个id值必须放在单引号或者喝双引号里。
这个调用将返回一个对象。
语法:

document.getElmentById(id)
  document.getElmentById("purchases")

注意:typeof操作符可以来验证这一点。typeof操作符可以告诉我们它的操作数是一个字符串、数值、函数、布尔值还是对象。

getElementstByTagName (通过标签名字)

只有一个参数:标签的名字。
返回一个对象数组,每个对象分别对应着文档有着给定标签的一个元素。
语法:

 element.getElementsByTagName(tag)
 element.getElementsByTagName("li"

2、这个调用将返回一个对象数组,每个对象分别对应着document对象中的一个列表项元素。
注意:允许把一个通配符作为它的参数,而这意味着文档里的每个元素都将在这个函数所返回的数组里有一席之地。

getElementsByClassName (通过类名)

只有一个参数:类名
返回一个相同类名的元素的数组
语法:

document.getElementsByClassName("sale")

使用这个方法还可以查找那些带有多个类名的元素。

要指定多个类名,只要在字符串参数中用空格分隔类名即可。类名的顺序不重要,元素带有更多类名也没有关系。

例子:
如果你想知道在id为“purchases”的元素中有多少类名包含“sale”列表项,可以先找到那个特定的对象,在调用getElementsByClassName:

var shopping = document.getElementById(“purchases”);
var sales = shopping.getElementsByClassName(“sale”);

这样,sales数组中包含的就只是位于“purchases”列表中的带有“sale”类的元素。