Javascript中给动态生成的表格添加样式，JavaScript里setAttribute的问题

最新推荐文章于 2023-03-30 15:13:46 发布

yuhua3272004

最新推荐文章于 2023-03-30 15:13:46 发布

阅读量3.1k

点赞数

分类专栏： js 文章标签： javascript microsoft 语言 java applet 脚本

js 专栏收录该内容

40 篇文章 0 订阅

订阅专栏

bgcolor是HTML，bgColor是JScript，backgroundColor是javascript

JavaScript语言的前身叫作LiveScript。自从Sun公司推出著名的Java语言之后， Netscape公司引进了Sun公司有关Java的程序设计概念，将自己原有的LiveScript重新进行设计,并更名为JavaScript。这所以取名为JavaScript，原因就在于JavaScript作为一种嵌入HTML文档的、基于对象的脚本设计语言。其中很大一部分的语法同Java语言很相似，而且JavaScript的设计可以使它很容易地同Java语言一同工作，它可以充分支持Java的applet小应用程序，Java的applet小应用程序也可以很方便地访问已有的JavaScript代码。所以，也可以JavaScript看成是Java语言的某种简化版本。

JScript 是 Microsoft 公司对 ECMA 262 语言规范（ECMAScript 编辑器 3）的一种实现。除了少数例外（为了保持向后兼容），JScript 完全实现了 ECMA 标准。JScript 是一种解释型的、基于对象的脚本语言。

---------------------------------------------------------------------
另外一个说法：
javascript是sun为netscape浏览器做的客户端脚本
Jscript是Microsoft为IE做的客户端脚本
二者语法99.9%相同
--------------------------------------------------------------------
因此上面涉及到的例子：
<table width="200" border="0" cellpadding="0" cellspacing="0" >
   <tr>
     <td bgcolor="#FF6699" onMouseOver="this.bgColor='#FF99CC'" onMouseOut="this.bgColor='#ff6699'"> </td>
   </tr>
</table>
<table width="200" border="0" cellpadding="0" cellspacing="0" >
   <tr>
     <td bgcolor="#FF6699" onMouseOver="this.style.backgroundColor='#FF99CC'" onMouseOut="this.style.backgroundColor='#ff6699'"> </td>
   </tr>
</table>
是分别采用了JScript和javascript这两种脚本语言来解释table。

-------------------------------------------------------------------

用Javascript动态生成表格就不说了，网上一大堆代码。

而给动态生成的表格添加样式网上的资料到还比较少。

parent.setAttribute（"style", "text-align: center"）;
bold.setAttribute（"style", "text-align: center"）;

这二句想让文本居中，但是没有效果。
试了半天也没找出原因所在，不过可以这样，把那句替换为document.getElementsByTagName（"P"）［0］.setAttribute（"align","center"）; 可以达到同样的效果
虽然html里是，但到了js里就是如此的形式 element.style.textAlign="center";的形式，而不是 element.style="text-align:center;"

P.S. 不要将block级元素（如p）放到inline级元素内（如b），若想用 element.style="text-align:center;"的形式，可以写成
element.style.cssText = "text-align:center;"

parent.style.setAttribute（"cssText", "text-align: center"）;

这种情况没有必要显示使用，不如直接element.style.cssText = "text-align:center;"

javascript中setAttribute的使用

对于style属性，不是一个简单的setAttribute就能实现的！

如果要给表格添加CSS样式表，则为：

document.getElementById（"你设的"）.className="你的class"