分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

js-选择元素

发布时间:2023-09-06 01:34责任编辑:胡小海关键词:js

        刚开始只学了一种选择方法,今天又把其他几种选择方法 一 并学习了,那我就把他们整理到一起吧,毕竟一家人就要在一起嘛~哈哈~

  首先登场的当然是我们只能唯一定义选择的" id "大哥了,即根据“ ID ”选择元素;

      document.getElementById(‘ id 的名字‘)   // 在选择名字时单引号,双引号都可以用,效果一样。

  接着是根据"  class  "来选择元素:

      document.getElementsByClassName(‘ class 的名字‘) // 注意:element后边要有一个s哦(巧记:在英文里复数要加s)。

  通过tagName名字获取 :

      document.getElementsByTagName(‘标签名字‘) // 因为标签也可能不是唯一的,所以 element 后边也要加  s。

  还有就是可以通过我们熟知的css的选择器获取:

    // 只能获取一个,如果是多个,默认值获取第一个

    document.querySelector(‘css选择器‘)
    举个栗子吧,

    document.querySelector(‘#box  div‘) // 

    // 如果想要获取多个,也不是没有办法,只要在后边加个 All 

    document.querySelectoAll(‘css选择器‘)

  除了通过整个文档获取元素,还有可以找某个元素符合条件的集合,把document换做 元素集合即可。

  注意:通过class去取值,即便取到的只有一个元素,也要用下标取值。

  

    



       

js-选择元素

原文地址:https://www.cnblogs.com/zyuu/p/8196398.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved