js获取html元素的方式

js获取html元素的方式

+通过ID获取：getElementById('id属性值')

+通过标签名：getElementsByTagName('标签名')

+通过类名：getElementsByClassName('类名')

+通过name属性：getElementsByName('name属性值')

+通过选择器获取一个元素：querySelector

+通过选择器获取一组元素：querySelectorAll

1获取id值为d1的html元素

将获取到的html元素称为DOM节点对象，必须传参数，参数是string类型，是获取元素的id。返回值只获取到一个元素，没有找到返回null。

2通过标签名：getElementsByTagName('标签名')

参数是是获取元素的标签名属性，不区分大小写，根据标签名获取html元素， 返回的是一个数组(伪数组) 

通过类名：getElementsByClassName('类名')

参数是元素的类名，返回值是一个类数组，没有找到返回空数组。

通过类名：getElementsByClassName('类名')

必须传参数，参数是是获取元素的name属性，返回值是一个类数组，没有找到返回空数组。

通过选择器获取一个元素：querySelector

参数是选择器，返回值只获取到第一个元素。

通过选择器获取一组元素：querySelectorAll

参数是选择器，返回值是一个数组。

对象[变量]

比如obj是一个对象，它有个属性是name：

var

x

=

"name";

var

n

=

obj[x];

//获取属性值

obj[x]

=

"XXX";

//设置属性值

补充说明：对象属性的使用有两种方式：

objname

或

obj["name"]

第二种方式的属性名是个字符串，这就为变量的使用制造了可能性。

以上就是关于js获取html元素的方式全部的内容，包括:js获取html元素的方式、js 一个对象的属性名是一个变量如何设置和获取值、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！