美文网首页
JavaScript获取dom元素

JavaScript获取dom元素

作者: 八月飞花 | 来源:发表于2020-04-21 19:07 被阅读0次

获取dom元素的方法

通过标签名获取dom元素

传入一个标签,得到一个数组
  document.getElementsByTagName();
最终得到的是一串数组,如果使用索引值操作dom,容易收到其他元素影响

通过id名获取dom元素

document.getElementById("id名");

通过类名获取元素

document.getElementsByClassName("class名")

HTML5新方法

通过选择器进行获取

获取单个dom

如果获取的元素不止一个,就会取满足条件的第一个dom元素
输入的格式,是按照css选择器的样式进行查找
document.querySelector("选择器");

获取满足条件的所有Dom

document.querySelectAll("选择器")
返回一个数组

相关文章

  • 02-JQuery操作DOM

    一、JS获取DOM元素和JQuery获取DOM元素的区别 JavaScript获取的是DOM对象,而Jquery获...

  • JavaScript获取dom元素

    获取dom元素的方法 通过标签名获取dom元素 通过id名获取dom元素 通过类名获取元素 HTML5新方法 通过...

  • javascript DOM 获取元素操作

    target.childNodes 与 target.children的区别 Node.childNodes 返回...

  • jQuery选择器_Dom操作_样式_事件处理_动画

    题目1: jQuery 能做什么? 方便快捷获取DOM元素如果使用纯JavaScript的方式来遍历DOM以及查找...

  • jQuery

    题目1: jQuery 能做什么? 方便快捷获取DOM元素 如果使用纯JavaScript的方式来遍历DOM以及查...

  • DOM (javascript DOM节点操作)

    DOM (javascript DOM节点操作) 本节目录 查找DOM元素 DOM节点操作 javascript操...

  • Dom样式操作

    样式操作 一、 概要 通过JavaScript获取dom元素上的style属性,我们可以动态的给元素赋予样式属性。...

  • 浅谈javascript DOM

    浅谈javascript DOM 一查找元素节点 1,通过id名获取 var obj=document.getEl...

  • JavaScript初步认识

    JavaScript 是脚本语言 通过document.getElemen获取元素 DOM(文档对象模型)是用以访...

  • 第4节: 获取DOM对象值

    知识讲解: 除访问DOM元素之外,jQuery还可以非常方便地获取DOM对象的值,语法比传统的JavaScript...

网友评论

      本文标题:JavaScript获取dom元素

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