当前所在位置:珠峰网资料 >> 计算机 >> IT教育 >> 正文
JavaScript设置元素的样式
发布时间:2010/10/19 11:28:15 来源:www.xue.net 编辑:城市总裁吧
     可以通过JavaScript使用元素的setAttribute方法设置元素的样式,例如: 要把Span元素中的文本修改为采用红色粗体显示,设置如下:

  var spanElement = document.getElementById("mySpan");

  spanElement.setAttribute("style","font-weight:bold;color:red;");

  除了IE,这种方法在当前其他浏览器上都是行得通的. 对于IE,解决方法是使用元素style对象的cssText属性来设置所需的样式, 尽管这个属性不标准,但得到了广泛的支持,如下所示:

  var spanElement = document.getElementById("mySpan");

  spanElement.style.cssText = "font-weight:bold;color:red;";

  这种方法在IE和大多数其他浏览器上都能很好地工作,只有Opera除外, 为了让代码能在所有当前浏览器上都可以移值,可以同时使用这两种方法,如下所示:

  var spanElement = document.getElementById("mySpan");

  spanElement.setAttribute("style","font-weight:bold;color:red;");

  spanElement.style.cssText = "font-weight:bold;color:red;";

广告合作:400-664-0084 全国热线:400-664-0084
Copyright 2010 - 2017 www.my8848.com 珠峰网 粤ICP备15066211号
珠峰网 版权所有 All Rights Reserved