5-21

DOM:文档对象模型,操作页面中的元素,增删改查

查:1.通过元素间关系查找:

        父子关系:查找某个元素的父元素:parentElement

        查找某个元素的所有子元素,返回一个动态集合:children

        查找第一个子元素:firstElementchild;

        查找最后一个子元素:lastElementchild;

        兄弟关系:前一个兄弟元素:previousElmentsSibling

        下一个兄弟:nextElementsibling

2.通过HTML找

    (1)通过id找

          var          ele=document.getElentById('Id');

    只能找到一个,id具有唯一性

    找不到返回null

(2)class

    var ele=document.getElementByTagname('标签名');

可以找到多个,返回动态集合

找不到,返回【】

(3)标签

var ele=document.getElementsByname('name');

可以找到多个,返回一个动态集合

找不到,返回空集合

(4)name属性,只适用于表单元素

    var ele=document.getElementsByName('name');

返回一个动态集合

3、通过选择器查找

      var ele=document.querSelector('选择器');

只能找一个

var ele=document.querySelector('选择器');

能找到多个,返回一个动态集合

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,814评论 0 8
  • Scala与Java的关系 Scala与Java的关系是非常紧密的!! 因为Scala是基于Java虚拟机,也就是...
    灯火gg阅读 3,505评论 1 24
  • 第1章 认识JS JavaScript能做什么?1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)2.实现...
    mo默22阅读 1,349评论 0 5
  • 指令作用域 自定义指令可以又自己的控制器,自己的模型和作用域 默认情况,指令使用的模型是和它所在的控制器的模型是同...
    GodlinE阅读 168评论 0 0
  • 这是一篇作者,无趣而balabala的文字,到它绝对真实! 干物女今年大三了,从大一开始一直没有参加过任何的社团,...
    你是雾我是酒馆也是雾阅读 182评论 0 0