- 介绍:客户端语言
四种对象
节点包括 空白   元素就是标签
父节点没可能是文本,肯定是元素, 兄弟节点有可能是文本,使用previousElementSibling
-回调函数,函数也是参数
innerText 是获取文本, 将html标签 去除,
-
操作表单元素的文本内容用value
<input type="text" value="123456" id="userName"/><br/>
获取文本节点对象,然后获取 内容两种方式获取body
《HTML》 根标签
css选择器 querySelecter 使用该方法,只会返回唯一的元素,只会返回第一个
querySelecterAll , 返回数组
这些方法基本上都是父节点调用
-创建标签和标签内的文本
-insertBefore
-parentNode
-innerHTML
-响应函数
for循环先执行, onclick 后执行,此时 i 为3 用 this 代替 allA[i]- 样式 中的 - 不合法,修改为驼峰
并且为 行内样式 行内样式>内部样式>外联样式 !important 是最高优先级 js 也不会起作用
js只能读取内联样式,设置也是内联样式,无法读取内部样式 - currentStyle 读取元素当前样式 这个只能IE使用
- getcomputedStyle()
属性与变量
变量没找到报错,属性没找到 undefinedcurrentStyle 和 getcomputedStyle 只读,不能修改 元素.style.width = “100px”
clientWidth clientHeight 获取元素可见高度宽度 没有px 只读,要修改只能通过style
1.width + padding 的总和
2.如果有滚动条,滚动条 也会减少可见高度宽度offsetWidth offsetHeight
1.width + padding + border
offsetParent 距离他最近的开启相对定位的父元素,只要position不是static
position:“relative”
1.如果所有的祖先元素都没有 ,则返回body
offsetTop offsetLeft 相对于开启相对定位的父元素的偏移量
scrollWidth scrollHeight
1.获取滚动区域高度,也叫完整高度,
scrollTop scrollLeft 滚动条滚动的距离
//说明滚动条到底了 scrollHeight - scrollTop == clientHeight //说明水平滚动条到底了 scrollWidth - scrollLeft == clientWidth
事件对象 当事件的响应函数被触发时,浏览器都会把事件对象作为参数传入(事件对象封装了一切信息,比如:鼠标滚轮,键盘按键,鼠标坐标)
1.clientX clientY 是获取鼠标指针的水平垂直坐标 - 样式 中的 - 不合法,修改为驼峰