美文网首页
js 5-23 DOM操作元素

js 5-23 DOM操作元素

作者: 酷Jack | 来源:发表于2018-05-25 07:26 被阅读0次

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 5-23 DOM操作元素

    DOM:文档对象模型,操作页面中的元素,增删改查 查:1.通过元素间关系查找: 父子关系:查找某个元素的父...

  • web自动化_dom

    js不能直接操作html元素,比如要修改元素的样式,需要通过dom对象操作html元素js ->dom对象->调用...

  • react基础入门:(二)原生JS操作DOM元素

    原文链接:react基础入门:(二)原生JS操作DOM元素 一 初始化项目 二 操作 DOM 获取 dom 元素 ...

  • Vue中ref属性获取DOM元素和组件引用

    ref获取DOM元素vue中获取DOM元素不建议用js直接操作DOM,使用ref可达到操作DOM的效果写法:thi...

  • JS异步编程

    为什么JS需要异步?JS语言设计之初,是为了能够操作浏览器DOM元素,为避免两个线程同时操作某DOM元素导致DOM...

  • 使用ref获取DOM元素和组件

    一、获取DOM元素虽然可以通过原生js操作获取到DOM元素,但是Vue等框架已经不推荐自己操作DOM了,都扔给框架...

  • js操作DOM元素

    将一个ul列表倒叙 移除元素 替换元素 clone元素

  • Anjularjs简介

    一. jS类库 jQuery是一个js函数库,操作思路仍然是DOM操作思路:先查找元素,再操作元素 jQueryU...

  • js前端面试题(每日两道3)

    1.类名操作(原生js操作name的增删查) 完成几个 DOM 元素类名操作的工具方法: addClass(dom...

  • 2 Vue数据绑定、实例化多个Vue对象、基础指令

    1、Vue框架的优点: (1).相比于原生操作DOM元素,其更节省性能;原因:[1].原生DOM节点使用js操作,...

网友评论

      本文标题:js 5-23 DOM操作元素

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