javaScript学习笔记(二)
来源:互联网 发布:奔奔数码淘宝王奔宏 编辑:程序博客网 时间:2024/05/29 16:40
DOM
1: 通过ID获取元素
document.getElementById(“id”)——得到“id”中的值
2:innerHTML 属性用于获取或替换 HTML 元素的内容。
语法:Object.innerHTML
注意:Object是获取的元素对象,如通过document.getElementById("ID")获取的元素。
注意:Object是获取的元素对象,如通过document.getElementById("ID")获取的元素。
3: 改变 HTML 样式
HTML DOM 允许 JavaScript 改变 HTML 元素的样式。如何改变 HTML 元素的样式呢?
语法:Object.style.property=new style;
注意:Object是获取的元素对象,如通过document.getElementById("id")获取的元素。 4:显示和隐藏(display属性)
网页中经常会看到显示和隐藏的效果,可通过display属性来设置。
HTML DOM 允许 JavaScript 改变 HTML 元素的样式。如何改变 HTML 元素的样式呢?
语法:Object.style.property=new style;
注意:Object是获取的元素对象,如通过document.getElementById("id")获取的元素。 4:显示和隐藏(display属性)
网页中经常会看到显示和隐藏的效果,可通过display属性来设置。
语法:Object.style.display = value
注意:Object是获取的元素对象,如通过document.getElementById("id")获取的元素。
value取值:
none 隐藏
block 显示
5: 控制类名(className 属性)
className 属性设置或返回元素的class 属性。
语法:object.className = classname
作用:
1.获取元素的class 属性
2. 为网页内的某个元素指定一个css样式来更改该元素的外观
className 属性设置或返回元素的class 属性。
语法:object.className = classname
作用:
1.获取元素的class 属性
2. 为网页内的某个元素指定一个css样式来更改该元素的外观
var xx;
xx.removeAttribute('style');
移除所有样式
后续马上来- - 嘿嘿!!!!
1 0
- JavaScript 学习笔记(二)
- JavaScript学习笔记(二)
- javascript 学习笔记(二)
- JavaScript学习笔记(二)
- JavaScript学习笔记(二)
- javascript学习笔记(二)
- Javascript学习笔记(二)
- JavaScript学习笔记(二)
- javascript学习笔记(二)
- JavaScript学习笔记(二)
- JavaScript学习笔记(二)
- JavaScript学习笔记(二)
- javaScript学习笔记(二)
- JavaScript学习笔记(二)
- javaScript学习笔记(二)
- javascript学习笔记(二)
- javascript学习笔记(二)
- javascript学习笔记(二)
- arx升级的一些改变
- [leetcode Q9] Container With Most Water
- C#Winform不重复的显示子窗体
- Memory Management(1)
- <Java编程思想> 阅读 (1) 2.1 .2.2
- javaScript学习笔记(二)
- [Lintcode]Partition Array by Odd and Even
- 18. 4Sum
- 城市建设
- 监听者—观察者模式
- oc之NSlog用法【2】
- iOS-多线程编程学习之NSOperation(四)
- Failed to convert value of type...no matching editors or conversion strategy found
- Javascript自学-7