javascript JS如何获取html元素对象呢?


摘要:
下文讲述js获取html元素对象的三种的方法分享,如下所示;

实现思路:  
     方式1:document.getElementsByTagName返回对象数组
     方式2:document.getElementById返回特定Id的元素
     方式3:document.getElementsByClassName根据类名返回元素

例:

 
<meta charset='utf-8' />
<p>
 maomao365.com <br />
 js获取html对象的三种方式分享
</p>
<hr /> 
<div id="divTest" class="divClass">
 猫猫教程
</div>
<script> 
  
 //使用标签类型获取
 var a=document.getElementsByTagName("div")
     a[0].style.color="red"
			
 //使用元素id获取
 var b=document.getElementById("divTest")
     b.style.color="blue"
			
  //使用 css 类 获取
 var c=document.getElementsByClassName("divClass")
     c[0].style.color="green"
</script>
javascript js获取html对象的三种方式分享

javascript
js获取html对象的三种方式分享