1.根据id获取元素

document.getElementById("id的属性值")

2.根据标签获取元素

document.getElementsByTagName("标签的名字")

3.根据name的属性值获取元素

document.getElementsByName("name的属性值")

4.根据类样式的名字获取元素

document.getElementsByClassName("类样式的名字")

5.根据选择器的方式来获取元素

document.querySelector("#btn")

document.querySelectorAll(".cls")

document.body 专门获取body标签

6.专门来获取html这个标签的

document.documentElement

Javascript获取元素的方式相关推荐

  1. JavaScript获取元素的样式

    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 开发工具与关键技术: JS 作者:黎耀杰 ...

  2. html 获取页面元素高度,浅谈JavaScript获取元素的大小(高度和宽度)的方法

    本篇文章给大家介绍一下JavaScript获取元素的大小(高度和宽度)的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 在 JavaScript 中,使用下面 3 组属性可以获 ...

  3. 详细解析 JavaScript 获取元素的坐标

    随时随地技术实战干货,获取项目源码.学习资料,请关注源代码社区公众号(ydmsq666) from:https://www.cnblogs.com/dong-xu/p/7150715.html?utm ...

  4. JavaScript 获取元素及事件

    使用ID获取元素对象 document.getElementById( "ID" );:返回文档中一个指定ID的元素对象,用于精确获取:若找到则返回该元素对象,否则返回null 获 ...

  5. javascript获取元素样式值

    使用css控制页面有4种方式,分别为行内样式(内联样式).内嵌式.链接式.导入式. 行内样式(内联样式)即写在html标签中的style属性中,如<div style="width:1 ...

  6. DOM——获取元素的方式

    document.getElementById("id属性的值"): //可以通过元素的 id 来获取元素,返回的是一个元素对象 document.getElementByName ...

  7. JavaScript 获取元素方法

    仅供学习,转载请注明出处 获取元素方法一 可以使用内置对象document上的getElementById方法来获取页面上设置了id属性的元素,获取到的是一个html对象,然后将它赋值给一个变量,比如 ...

  8. JavaScript学习笔记:JavaScript获取元素:id,标签名,类名,querySelector,querySelectorall,获取body,html

    1.根据ID获取元素 ● 语法:document.getElementById(id) ● 作用:根据ID获取元素对象 ● 参数:id值,区分大小写的字符串 ● 返回值:元素对象 或 null 案例代 ...

  9. javascript获取元素的位置坐标和尺寸

    示例代码: <html xmlns="http://www.w3.org/1999/xhtml"> <head><title>365codes. ...

最新文章

  1. 阿里2019实习内推,五轮技术面+一轮HR面,Java岗面经
  2. bat脚本调用函数 简单列子
  3. JavaEE之使用DOM4J和XPath对xml文档的添加,删除,查询操作
  4. 计算机网络管理员中级理论知识试卷06,计算机网络管理员中级理论+技能完整题库及答案...
  5. Eclipse调试Logcat类的说明
  6. 【今日CV 视觉论文速览】 13 Feb 2019
  7. layui日期输入框
  8. 8、网友问答之串口数据接收与数据强制转换---------labview宝典
  9. sb3转换html,scratch3程序如何转成HTML和制作成exe文件转换心得(小白篇)!
  10. 第五届蓝桥杯java试题答案_2014年第五届蓝桥杯省赛试题(JavaA组)
  11. 用dxdiag命令show计算机系统配置
  12. Win10如何彻底关闭Hyper-V(真实可用,本人亲测)
  13. IQ 域名被删除事件 的前因后果
  14. opencv颜色识别-红色
  15. tp5 使用快递100的SDK
  16. java考试成绩平均计算_Java计算平均成绩
  17. 固态硬盘逻辑坏道简单修复方法(2015-04-02更新)
  18. Ubantu安装JDK(ppa源的方式)
  19. idea悄悄记录一下pojie
  20. MSP430 Energia DHT11的使用

热门文章

  1. 多选标签,做筛选,uniapp,再点击取消选择项
  2. J2ME 七巧板图库 七巧板查看器
  3. linux中egrep命令的作用,linux命令积累之egrep命令(示例代码)
  4. SQL server 更改计算机名后造成未找到或无法访问服务器解决方法
  5. Qt 通过 QPainter 绘制坐标轴
  6. VSCode:设置默认换行符
  7. 网页直播英文版上线,跨国企业客户用着很酷哇
  8. 架构师与程序员的区别
  9. Spring:更简单的存储与读取Bean对象
  10. [CNN] 卷积、反卷积、池化、反池化