码迷,mamicode.com
首页 > 编程语言 > 详细

javascript对文档对象的内容、属性、样式的操作

时间:2015-07-08 00:49:15      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:样式   标签   style   操作内容   

一、操作内容

    1.innerHTML  用来设置或获取对象起始和激素标签内的内容(识别html标签)  

    2.innerText  用来设置或获取对象起始和激素标签内的内容 (IE)

      textContent用来设置或获取对象起始和激素标签内的内容 (FF)

 

    3.outerHTML  用来设置或获取包括本对象在内起始和激素标签内的内容(识别html标签)  

      outerText  用来设置或获取包括本对象在内起始和激素标签内的内容

 

 

 

二、操作属性

1.直接操作

 

      对象.属性  

      对象.属性=值  (设置、获取、添加属性(属性值))

 

    2.

      getAttribute("属性")  获取给定的属性的值

      setAttribute("属性","")  设置或是添加属性

 

三、操作样式

 

   1.行内样式

     对象.style.属性

     对象.style.属性=值   (设置、获取、添加属性)

     ****************************************************

     遇到属性是"-"链接的,要将"-"去掉,后面的单词的首字母大写

     ****************************************************

 

   2.css层叠样式

 

 1>通过ID来更改样式

    2>通过className更改样式(适合批量更改)  

    3>更改或者获取或者设置某个属性的值

 

      document.styleSheets[下标].rules[下标].style.属性

      document.styleSheets[下标].rules[下标].style.属性=

 

     document.styleSheets   样式表的集合

     document.styleSheets[0].rules   样式规则的列表

     document.styleSheets[0].rules.style  样式规则的集合

     document.styleSheets[下标].rules[下标].style.属性

       适用于IE

      **************************************************************

      document.styleSheets[下标].cssRules[下标].style.属性

      document.styleSheets[下标].cssRules[下标].style.属性=

       适用于FF

     ***************************************************************

 

 

   3.行内样式和css层叠样式通用的方式

 对象.currentStyle.属性  IE   用来获得实际的样式属性

    getComputedStyle(对象,null)   FF  用来获得实际的样式属性

*******************************

     只能获取不能设置

 *******************************


本文出自 “Mr.Zhu -- 技术交流” 博客,请务必保留此出处http://bjishu.blog.51cto.com/7481301/1671810

javascript对文档对象的内容、属性、样式的操作

标签:样式   标签   style   操作内容   

原文地址:http://bjishu.blog.51cto.com/7481301/1671810

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!