1 获取元素

2021-02-21 10:05:11 阅读：117 来源： 互联网

知识梳理

//1 getElementById() 返回一个元素对象

//2 getElements

//4 console.dir() 可以查看对象的属性和方法

二获取元素

1）根据ID获取

<div id="one">一往无前</div>
<script>
var id = document.getElementById('one');
console.log(id);//返回：<div id="one">一往无前</div>
console.dir(id); //返回 div#one 对象
</script>

//1 JS代码写在标签后面
//2 参数是区分大小写的字符串 
//3 返回一个元素对象

2）根据标签名获取

var ol = document.getElementsByTagName('li');

一 返回值
//1 返回一个伪数组形式的 对象集合
//2 页面只匹配到一个元素 返回值也是伪数组
//3 一个元素也没有匹配到 返回一个空的伪数组

二 遍历元素对象集合
for (var i = 0; i < spans.length; i++) {
    console.log(spans[i]);
}

获取某个元素 ( 父元素 ) 内部所有指定标签名的子元素

//方法1
var ol = document.getElementsByTagName('ol');
console.log(ol[0].getElementsByTagName('li'));
//父元素必须是单个对象(必须指明是哪一个对象元素) 获取的时候不包括父元素自己

//方法2
var ol = document.getElementById('ol');
console.log(ol.getElementsByTagName('li'));

标签：ol,console,log,元素,获取,var,document
来源： https://www.cnblogs.com/fuyunlin/p/14424251.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

1 获取元素