js教程系列34 :javascript-DOM节点元素获取

常用节点元素获取:

1. 获取 html -- > document.documentElement
2. 获取 body -- > document.body
3. 获取指定的元素 --> document.getElementById('id名') //返回对应的元素
4. 获取页面中某一类型的元素 -- > document.getElementsByTagName('标签名'); //返回一个伪数组,这个伪数组中存放了所有的元素

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<a href="" id="link"></a>
<a href="" id="link1"></a>
<a href="" id="link2"></a>

<div id="container">
  <a href="" id="haha">haha</a>
  <a href="">哈哈</a>
  <a href="">呵呵</a>

</div>


<script>
var result = document.getElementById('link3');
   console.log(result);
  
   var result = document.getElementsByTagName('a');
   console.log(result);
  
 var div = document.getElementById('container');
 //  var result = div.getElementsByTagName('a');
 //  console.log(result);

 var result = div.getElementById('haha');
 console.log(result);


</script>
</body>
</html>

猜你喜欢

转载自www.cnblogs.com/autoXingJY/p/8953105.html