码迷,mamicode.com
首页 > 其他好文 > 详细

getElementsByTagName

时间:2017-03-27 23:59:43      阅读:310      评论:0      收藏:0      [点我收藏+]

标签:限制   下标   签名   lan   blog   head   load   nes   console   

1.getElementsByTagName

* document.getelementByID(id名称)
* 通过id名称获取元素,它只有一个主语,docment(整个文档)
*
* getElemnestByTagName(标签名称)
* 通过标签名称获取一组元素,它获取到的是一组元素
* 主语(限制范围):
* document 从整个文档中去获取一组元素
* 父级 从父级下面去获取一级元素
* 获取到的是一个集合,类数组
* 类数组:类数组,但是数组中的一些方法没有,只具备数组中的length属性,以及每个数据都会有对应的下标
*
* 怎么获取其中的一个元素
* 用下标的方法去获取其中的一个元素

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script>
        /*
        *
        * document.getelementByID(id名称)
        *    通过id名称获取元素,它只有一个主语,docment(整个文档)
        *
        * getElemnestByTagName(标签名称)
        window.onload= function () {
            var lis=document.getElementsByTagName(‘li‘);
            console.log(lis);

            lis[2].style.background=‘red‘;

            var color=document.getElementById(‘color‘);   //从这个父级上获取对应的li
            var lis1=color.getElementsByTagName(‘li‘);
            console.log(lis1);
        };
    </script>
</head>
<body>
<ul id="color">
    <li>red</li>
    <li>green</li>
    <li>blue</li>
    <li>yellow</li>
    <li>pink</li>
</ul>
<ul>
    <li>red</li>
    <li>green</li>
    <li>blue</li>
    <li>yellow</li>
    <li>pink</li>
</ul>
</body>
</html>

  

getElementsByTagName

标签:限制   下标   签名   lan   blog   head   load   nes   console   

原文地址:http://www.cnblogs.com/cqq-20151202/p/6629469.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!