top 的应用 P id=“article”
currentStyle 该属性只有IE支持 其他浏览器都不支持
current Style[属性名] detcurrentSty 显示式 元素
div:befor after 为元素 一般都传null
element.offsetLeft 当前元素对应其定位元素的水平偏量
element.scrollLeft 可以获得滚动的距离
常用节点四类
文档节点:整个HTML文档
元素节点: HTML 文档中的HTLM标签中的内容
属性节点:元素的属性
文本的属性:HTML 标签中的文本内容
通过获得document对象套用
getElementbyld 通过id属性获取一个元素节点对象
getElemensBytayNam() 通过签名获得一组元素节点对象 ByNamre() 通过name属性获得一组元素节点对象 ByClassNa2me 通过类名获得一组元素节点对象,该方式不支持IE8及以下版本
JS 获取元素样式 : 元素 style. 样式名=样式值
读取方式: 元素,style 样式名 通过style属性设置和读取都是内联样式
parentNode 属性, 表示当前节点的父亲点
previousSibing 属性, 表示当前节点的前一个兄弟节点
newSibing 属性,表示当前节点的后一个想兄弟节点的元素节点
querySelector 只会返回找到第一个元素
关于函数:函数function
-函数也是一个对象
-函数中可以封装一些功能(代码),在需要的使用可以执行这些功能(代码)
-函数中的可以保存一些代码在需要的时候调用
-使用typeof检查一个函数对象时,会返回function
函数的创建:
使用构造函数创建一个函数对象
使用函数声明创建一个函数
使用函数表达式创建一个函数/匿名函数
函数的参数:
调用函数时解析器不会检查实参的类型,所以要注意,是否有可能会接收到非方的参数,如果有可能则需要对参数进行类型检查
调用函数时,解析器也不会对检查实参的数量多余的参数将不会被贬值,如果实参少于形参的数据,则没有对应实参的形参是undefined
函数的返回值:
可以通过return来返回函数的返回值
语法:return 值;
return 后面值将会作为函数的执行结果返回,可以定义一个变量来接收函数的返回值 在函数return语句都不会执行,如果return语句后不跟任何值,就相当于undefined
Math对象
.它不是一个构造函数,属于一个工具类不用创建对象,它里面封装了数学运算相关的属性和方法
.Math.ceil() - 可以对一个数进行向上取整,小数位只要有值就自动进1
.Math.floor() - 可以对一个数进行向下取整,小数部分会被舍掉
.Math.round() - 可以对一个数进行四舍五入取整
JavaScript包装类
.String() - 可以将基本数据类型字符串转换为String对象
.Number()- 可以将基本数据类型的数字转换为Number对象
.Boolean()- 可以将基本数据类型的布尔值转换为Boolean对象
元素节点的属性
• 获取:元素对象.属性名
例:element.value
element.id
element.className
• 设置,元素对象.属性名=新的值
例:element.value = "hello"
element.id = "id01"
element.className = "newClass"
其他属性
nodeValue
– 文本节点可以通过nodeValue属性获取和设置文本节点的内容
innerHTML
– 元素节点通过该属性获取和设置标签内部的html代码