zoukankan      html  css  js  c++  java
  • JavaScript操作DOM(2)

    1.改变样式的属性

    style属性:

    语法:HTML元素.style.样式属性="值";

    示例:

    document.getElementById(" wrap ").style.color="# fff ";

    document.getElementById(" wrap ").style. backgroundColor ="#ccc ";

    className属性

    语法:HTML元素.className="样式名称“;

    2.获取元素的样式

    语法:HTML元素.style.样式属性;

    示例:alert(document.getElementById("cartList").style.display);

    语法:document.defaultView.getComputedStyle(元素,null).属性

    示例:var cartList=document.getElementById("cartList"); alert(document.defaultView.getComputedStyle(cartList,null).display);

    语法:HTML元素. currentStyle.样式属性;

    示例:alert(document.getElementById("cartList").currentStyle.display);

    3.HTML中元素属性应用

    offsetLeft  :返回当前元素左边界到它上级元素的左边界的距离,只读属性

    offsetTop  :返回当前元素左边界到它上级元素的上边界的距离,只读属性

    offestHeight :返回元素的高度

    offsetWidth :返回元素的宽度

    offsetParent :返回元素的偏移容器,即对最近的动态定位的包含元素的

    scrollTop  :返回匹配元素的滚动条的垂直位置

    scrollLeft  :返回匹配元素的滚动条的水平位置

    clientWidth :返回元素的可见宽度

    clientHeight :返回元素的可见高度

    为了兼容性:

    var sTop=document.documentElement.scrollTop   ||    document.body.scrollTop;

  • 相关阅读:
    【转】i18n实现前端国际化(实例)
    【转】SQL Pretty Printer for SSMS 很不错的SQL格式化插件
    windows server IIS启用Windows authentication
    【转】命令行下载各种网上各种视频
    解决python “No module named pip”
    【转】excel音标乱码
    【转】自动化部署之jenkins及简介
    【转】右键菜单管理
    【转】C# @作用
    【转】NGen
  • 原文地址:https://www.cnblogs.com/pan520/p/13159313.html
Copyright © 2011-2022 走看看