[javascript]javascript取得html元素,取得html样式,修改html样式
2024-08-22 22:08:54
一.取得html元素
详情见:https://www.jb51.net/article/116460.htm
1.通过ID获取(getElementById)
document.getElementById('id')
2.通过name属性(getElementsByName)
document.getElementsByName('name')
3.通过标签名(getElementsByTagName)
document.getElementsByTagName('p')
4.通过类名(getElementsByClassName)
document.getElementsByClassName('class')
5.获取html的方法(document.documentElement)
document.documentElement是专门获取html这个标签的。
document.documentElement
浏览器控制台返回结果:
6.获取body的方法(document.body)
document.body是专门获取body这个标签的。
document.body
浏览器控制台返回结果:
7.通过选择器获取一个元素(querySelector)
document.querySelector('div .class')
8.通过选择器获取一组元素(querySelectorAll)
ocument.querySelectorAll('div .class')
二.取得html样式
取得元素的style即可:
document.getElementById('id').style
如:取得高度
document.getElementById('id').style.height
也可使用方法getBoundingClientRect(),取得更精确的信息:
document.getElementById('id').getBoundingClientRect().width
三.修改html样式
修改元素的style即可:
document.getElementById('id').style.height='10px'
最新文章
- git rebase 和 merge的区别
- php 审核管理
- Object-Oriented CSS
- jq 拖拽
- 进程通信之一 使用WM_COPYDATA C++及C#实现 z
- linux oracle10g安装
- NSAutoreleasePool' is unavailable: not avail
- 【转】WPF中Binding的技巧(一)
- OD: Kernel Vulnerabilities Analyze
- Visual Studio在页面按F7不能跳转至cs代码页的解决方法
- poj 3185 The Water Bowls 高斯消元枚举变元
- 给EditText中的图片加监听
- js中键盘按键对应的键值
- 关于减少BUG的思考
- 迁移svn项目到git
- 亲测:LNMP环境下,解决项目缓冲慢、502以及配置https的问题
- Food HDU - 4292 (结点容量 拆点) Dinic
- iOS 10 之后权限设置
- c++ 替换修改一个文件夹下的所有文件的文件名
- HIVE HBASE 整合
热门文章
- log4j.properties配置详解与实例(转载)
- Eclipse中将Java项目转换成Web项目的方法(转)
- postgresql----数据库表约束----UNIQUE
- JSON_EXTRACT查询mysql中的{}和 [{},{}中的值]
- java 入门基础学习
- Python开发【数据结构】:排序练习
- 统计编程的框架与R语言统计分析基础——摘(2)统计分析之线性回归
- SEO笔记:构建URL的15个SEO最佳实践
- #C++初学记录
- 系统管理命令之last