怎么在HTML中获取DOM元素

　　介绍

怎么在HTML中获取DOM元素?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

<强> 1. getelementbyid()方法

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

& lt; ! DOCTYPE  html> 　　& lt; html  lang=癳n"祝辞 　　& lt; head> 　　,,,& lt; meta  charset=癠TF-8"比; 　　,,,& lt; meta  http-equiv=癤-UA-Compatible",内容=癐E=edge"比; 　　,,,& lt; meta  name=皏iewport",内容=翱矶?设备宽度,初始=1.0,比; 　　,,,& lt; title> Document 　　& lt;/head> 　　& lt; body> 　　,,,,,,& lt; ul  id=發ist", onclick=癵etValue()比; 　　,,,,,,,,,,& lt; li 类=癷tem"祝辞item1 　　,,,,,,,,,,& lt; li 类=癷tem"祝辞item2 　　,,,,,,,,,,& lt; li 类=癷tem"祝辞item3 　　,,,,,,,,,,& lt; li 类=癷tem"祝辞item4 　　,,,,,,,,,,& lt; li 类=癷tem"祝辞item5 　　,,,,,,& lt;/ul> 　　,& lt;/body> 　　& lt;/html> & lt; script> 　　function  getValue () 　　{才能 　　var 才能;x=. getelementbyid (“id") 　　警报(x.innerHTML)才能 　　,,} 　　& lt;/script> 　　,& lt;/script>

<强> 2. getelementsbyname()方法

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

& lt; ! DOCTYPE  html> 　　& lt; html> 　　& lt; body> 　　,,,,,,& lt; ul 比; 　　,,,,,,,,,,& lt; li 类=癷tem", name=癷tem"祝辞item1 　　,,,,,,,,,,& lt; li 类=癷tem", name=癷tem"祝辞item2 　　,,,,,,,,,,& lt; li 类=癷tem", name=癷tem"祝辞item3 　　,,,,,,,,,,& lt; li 类=癷tem", name=癷tem"祝辞item4 　　,,,,,,,,,,& lt; li 类=癷tem", name=癷tem"祝辞item5 　　,,,,,,& lt;/ul> 　　,& lt;/body> 　　& lt;/html> & lt; script> 　　 　　var 才能;x=document.getElementsByName (“item"); 　　警报才能(x.length); 　　, 　　,& lt;/script>

3. getelementsbytagname()方法

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

& lt; ! DOCTYPE  html> 　　& lt; html> 　　& lt; body> 　　,,,,,,& lt; ul 比; 　　,,,,,,,,,,& lt; li 祝辞item1 　　,,,,,,,,,,& lt; li 祝辞item2 　　,,,,,,,,,,& lt; li 祝辞item3 　　,,,,,,,,,,& lt; li 祝辞item4 　　,,,,,,,,,,& lt; li 祝辞item5 　　,,,,,,& lt;/ul> 　　,& lt;/body> 　　& lt;/html> & lt; script> 　　 　　var 才能;x=document.getElementsByTagName (“li"); 　　警报才能(x.length); 　　, 　　,& lt;/script>

看完上述内容,你们掌握怎么在HTML中获取DOM元素的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注行业资讯频道,感谢各位的阅读!

怎么在HTML中获取DOM元素