JavaScript学习笔记:使用DOM获取元素
来源:互联网 发布:linux双系统启动项设置 编辑:程序博客网 时间:2024/05/25 21:35
通过元素ID获取元素
语法: document.getElementById("id");
返回值:null或者[object HTMLParagraphElement]
返回值只是一个元素对象,如果想对元素进行操作,则要使用元素的属性与方法。
元素对象常用属性:
1.innerHTML 用来获取或替换HTML元素的内容。
语法:
object.innerHTML
object是获取的元素对象,如通过document.getElementById("id");
2.style 改变HTML元素的样式
语法:
object.style.property=newstyle;
object是获取的元素对象,如通过document.getElementById("id");
property可为:
backgroundColor 设置元素的背景颜色
height 设置元素的高度
width 设置元素的宽度
fontSize 设置字体大小
等CSS样式属性。
这当中需要注意的是下面的这个属性
3.display属性 显示和隐藏元素
语法:
object.style.display=value; object是获取的元素对象,如通过document.getElementById("id");
value取值:
none 元素将隐藏
block 元素显示
0 0
- JavaScript学习笔记:使用DOM获取元素
- JavaScript DOM编程 学习笔记-获取元素节点
- JavaScript DOM笔记:获取及操作元素
- JavaScript学习——DOM获取元素
- JavaScript获取DOM元素
- [学习笔记]JavaScript基础--DOM创建元素
- [学习笔记]JavaScript基础--DOM删除元素
- javascript获取Dom节点元素
- JavaScript学习笔记之DOM对象操作html元素
- javascript学习笔记3:DOM操作之选取文档元素
- JavaScript学习之DOM元素
- javascript DOM 学习笔记
- 【javascript】dom学习笔记
- javascript dom学习笔记
- JavaScript学习笔记:DOM
- javascript dom学习笔记
- JavaScript获取HTML DOM节点元素详解
- JavaScript获取HTML DOM节点元素详解
- STLport 在VS2010下的编译(转)
- Java中获取路径的各种方法
- 关于Qualcomm平台的日志系统diag
- 【健康专栏】21天以上的重复会形成习惯;90天的重复会形成稳定的习惯
- 转:做学术研究的一些技巧与方法
- JavaScript学习笔记:使用DOM获取元素
- EBS克隆后彻底清除生产密码
- 【黑马程序员】反射(十一)
- Git系列之版本回退
- 第七周项目2求电阻并联和圆柱体表面积
- centos 系统应用
- java_jdbc链接
- 求助:学习K&R一书时,书本使用的函数与库函数冲突,怎么办?
- ACM 377. 护卫队(dp)