100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > js原生获取html元素 同一页面内JS获取HTML元素的八种方法

js原生获取html元素 同一页面内JS获取HTML元素的八种方法

时间:2024-06-22 03:53:39

相关推荐

js原生获取html元素 同一页面内JS获取HTML元素的八种方法

getElementById ,getElementsByName ,getElementsByTagName大概介绍,后两个是得到集合,byid只是得到单个对象

getElementById 的用法。举个例子:

爱登封论坛

同一页面内的引用方法:

1、getElementById:

document.getElementById("link1").href

2、getElementsByName:

document.getElementsByName("link1")[0].href //这也是一个集合,是所有name等于该方法所带参数的标记的集合

3、getElementsByTagName:

document.getElementsByTagName("A")[0].href //这也是一个集合,是所有标记名称等于该方法所带参数的标记的集合

4、tags集合:

document.all.tags("A")[0].href

//与方法7一样是按标记名称取得一个集合

除此之外:

event.scrElement可以获得触发时间的标记的引用;

document.elementFromPoint(x,y)可以获得x和y坐标处的元素的引用;

ponentFromPoint(event.clientX,event.clientY)可以获得鼠标所在处元素的引用;

还可以通过元素的父子节点和兄弟节点关系来引用,如nextSibling(当前节点的后一节点)、previousSibling(

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。