js中的dom是javascript学习中的重要组成部分，dom元素的获取更是打通html与js的重要桥梁，本文带大家一起来看一看传统的方式获取dom元素。

1.getElementById() 方法

    返回对拥有指定 id 的第一个对象的引用

nbsp;html>                       

登录后复制           item1           item2           item3           item4           item5        

function getValue()  {  var x=document.getElementById("id")  alert(x.innerHTML)  } 

登录后复制

2.getElementsByName()方法

    返回带有指定名称的对象的集合。

立即学习“前端免费学习笔记（深入）”；

nbsp;html>       

登录后复制登录后复制           item1           item2           item3           item4           item5        

  var x=document.getElementsByName("item");  alert(x.length);  

登录后复制

3.getElementsByTagName() 方法

    返回带有指定标签名的对象的集合。

nbsp;html>       

登录后复制登录后复制           item1           item2           item3           item4           item5        

  var x=document.getElementsByTagName("li");  alert(x.length);  

登录后复制

推荐：《2021年js面试题及答案（大汇总）》

以上就是如何利用传统的方式在HTML中获取DOM元素的详细内容，更多请关注【创想鸟】其它相关文章！