+通过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

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

a id="link" href="前端学习" title="测试" blogname="前端开发"Web开发/a

JS代码：

var ka=document.getElementByI d("link")

alert(ka.getAttribute("id"))//获取到Html标签的自定义属性

alert(ka.id)//获取到Html标签常规属性用

在JS当中获取HTML当中任意一个标签的值的方法：

1 通过id等属性，获取相应标签

2 innerHTML属性的使用

html

head

meta charset="UTF-8"

title码匠- H5course/title

/head

body

ol id="list"

liHTML5/li

li学堂/li

lih5course/li

/ol

script

var list = document.getElementById('list')

console.log(list.innerHTML)

/script

/body

/html

显示效果：

欢迎分享，转载请注明来源：内存溢出

原文地址:https://outofmemory.cn/zaji/6253748.html