<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>test</title> <link rel="stylesheet" type="text/css" href="css.css"> </head> <body> <div class="head">我的天空</div> <div> <table class="table"> <tr> <td> 我的天空 </td> <td> 我的天空 </td> <td> 我的天空 </td> <td> 我的天空 </td> <td> 我的天空 </td> <td> 我的天空 </td> </tr> </table> </div> </body> </html> <script> function Toword(obj,arr){ this.obj=obj; this.arr=arr; this.init(this.obj,this.arr); } Toword.prototype.getcss=function(obj,attr){ return obj.currentStyle||getComputedStyle(obj,false)[attr]; } Toword.prototype.init=function(){ if(this.obj.length){ for (var j = 0; j < this.obj.length; j++) { for (var i = 0; i < this.arr.length; i++) { this.obj[j].style[this.arr[i]]=this.getcss(this.obj[j],this.arr[i]); } } }else{ for (var i = 0; i < this.arr.length; i++) { this.obj.style[this.arr[i]]=this.getcss(this.obj,this.arr[i]); } } } var oDiv=document.querySelector(".head"); var aTd=document.querySelectorAll("td"); var oTable=document.querySelector("table"); new Toword(oTable,["width","borderCollapse"]) new Toword(oDiv,["fontSize","backgroundColor","borderLeftWidth","borderLeftColor","borderLeftStyle","borderRightWidth","borderRightColor","borderRightStyle","borderBottomWidth","borderBottomColor","borderBottomStyle","borderTopWidth","borderTopColor","borderTopStyle"]) new Toword(aTd,["fontSize","borderLeftWidth","borderLeftColor","borderLeftStyle","borderRightWidth","borderRightColor","borderRightStyle","borderBottomWidth","borderBottomColor","borderBottomStyle","borderTopWidth","borderTopColor","borderTopStyle","lineHeight","paddingLeft","paddingRight","paddingBottom","paddingTop"]) </script>