美文网首页
1.获取元素的三种方式

1.获取元素的三种方式

作者: 若愚同学 | 来源:发表于2018-06-12 22:10 被阅读0次
HTML:
<body>
    
    <div>
        <span id="xs">西施</span>
        <span id="dc">貂蝉</span>
        <span id="zj">昭君</span>
        <span id="yh">玉环</span>
    </div>
    
    <input type="checkbox" name="hobby">java 
    <input type="checkbox" name="hobby">C++
    <input type="checkbox" name="hobby">.net
    <input type="checkbox" name="hobby">c
    
</body>
JS:
window.onload = function() {
    // 1.第一种方式.通过id获得
    var ele1 = document.getElementById("xs");
    console.log(ele1);
    // 2.第二种方式.通过名字获得
    var ele2 = document.getElementsByName("hobby");
    console.log(ele2);
    // 3.通过
    var ele3 = document.getElementsByTagName("span");
    console.log(ele3);
};

相关文章

  • 1.获取元素的三种方式

    HTML: JS:

  • JavaScript(Day03)

    1、DOM元素的操作 1-1:获取页面的元素 获取元素的三种方式: 查看元素的样式: ...

  • (17.04.21)获取元素的兼容、设置时间、evel、排序、数

    回顾: 获取元素的三种方法:     1.获取一个元素: ById(id)    2.获取一组元素: ByTa...

  • js 操作DOM

    获取dom的三种方式 dom常用属性 ( element .属性) 元素类型 名称描述nodeName获取标签类型...

  • laravel 获取用户请求

    1. 获取请求信息的三种方式 Laravel 中获取用户请求信息有三种方式 注入 Illuminate\Http\...

  • 节点操作--父子节点

    学习节点操作的目的还是为了获取元素,获取元素的常用 两种方式:1.利用DOM提供的方法(API)获取元素例如:do...

  • 1-1JQuery获取元素和常用方法

    jQuery获取元素的方式:通过各种选择器来获取元素(类似于css获取标签)基本选择器1.根据id来获取-----...

  • iOS-底层原理-内存对齐

    1.iOS中获取内存大小的三种方式 1.获取内存大小的三种方式分别是:1.1 sizeof1.2 class_ge...

  • 【JS】20--Core DOM

    1. 节点关系 三种类型的节点 元素类型 文本类型 属性类型 操作html的三种方式 html方式 DOM核心方式...

  • Python速成笔记^二

    1.列表的操作 列表的创建 列表添加元素的三种方式 列表添加元素的三种方式 列表切片 列表的内置函数 2.元组的操...

网友评论

      本文标题:1.获取元素的三种方式

      本文链接:https://www.haomeiwen.com/subject/tuxdeftx.html