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

邢晋宇

于 2018-06-01 22:54:31 发布

阅读量163

点赞数

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/qq_36017081/article/details/80398868

版权

JavaScript 专栏收录该内容

50 篇文章

订阅专栏

常用节点元素获取:

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>