javascript 深入浅出

  • 介绍:客户端语言
    在这里插入图片描述

四种对象
在这里插入图片描述
在这里插入图片描述
节点包括 空白 &nbsp 元素就是标签
在这里插入图片描述
在这里插入图片描述
父节点没可能是文本,肯定是元素, 兄弟节点有可能是文本,使用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()
      ![在这里插入图片描

    在这里插入图片描述
    属性与变量
    变量没找到报错,属性没找到 undefined

    currentStyle 和 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 是获取鼠标指针的水平垂直坐标

    在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值