怎么在JavaScript中使用dom获取页面元素?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
Java的优点是什么
1. 简单,只需理解基本的概念,就可以编写适合于各种情况的应用程序;2. 面向对象;3. 分布性,Java是面向网络的语言;4. 鲁棒性,java提供自动垃圾收集来进行内存管理,防止程序员在管理内存时容易产生的错误。;5. 安全性,用于网络、分布环境下的Java必须防止病毒的入侵。6. 体系结构中立,只要安装了Java运行时系统,就可在任意处理器上运行。7. 可移植性,Java可以方便地移植到网络上的不同机器。8.解释执行,Java解释器直接对Java字节码进行解释执行。
方法一:根据ID获取 : document.getElementById(id);
var div = document.getElementById('main');console.log(div);// 获取到的数据类型 HTMLDivElement,对象都是有类型的// HTMLDivElement <-- HTMLElement <-- Element <-- Node <-- EventTarget
方法二:根据标签名获取 : document.getElementsByTagName(name);
var oDiv = document.getElementsByTagName('div');alert(oDiv)//返回[object HTMLCollection]
方法三:根据name获取元素*:getElementByName;
var oDiv = document.getElementsByName('div')[0];alert(oDiv)//返回[object HTMLCollection]
方法四:通过选择器返回指定选择器的第一个元素对象 (H5新增)。
var text = document.querySelector('#text');console.log(text);var boxes = document.querySelectorAll('.box');for (var i = 0; i < boxes.length; i++) { var box = boxes[i]; console.log(box);}
看完上述内容,你们掌握怎么在JavaScript中使用dom获取页面元素的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注编程网行业资讯频道,感谢各位的阅读!