JS操作网页元素

总结一下用JS控制标签的方法。
说明:下面所提到的方法都在IE6上测试通过了的,在非IE的浏览器上很多都不能用,我也没有找到其替代的方法,因此暂时只总结IE上的。
获取指定对象:document.getElementById(ID);
批量获取指定标签对象:document.getElementByTagName(”TABLE”),这个方法取得的是网页中所有TABLE对象;
获取DIV中所有的表格单元格对象方法:document.getElementById(”DIV的ID”).getElementByTagName(”TD”),这个方法获得的是TD数组;
获取DIV中第一个TABLE的所有单元格对象方法:document.getElementById(”DIV的id”).getElementByTagName(”TABLE”)[0].cells,用这个方法获得的是CELL数组,也就是TD数组;
取对象(这里的对象是DIV、TABLE、TR、TD等对象)实际高度:document.getElementById(ID).offsetHeight;

Tags:

话说IE与Firefox的CSS兼容

由于浏览器市场一直没有被一统天下,处于一个诸侯争霸,各显神通的时代。但是却苦了web页面开发者,对不同的浏览器用户群,需要周全的考虑到多种页面显示的差异性。CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点。
常见兼容问题:
1、DOCTYPE 影响 CSS 处理
2、FF:div 设置 margin-left, margin-right 为 auto 时已经居中,IE 不行
3、FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中
4、FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width
5、FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式

Tags:

  • 搜索

  • Tags Cloud

    • (2) (2) (2) (12) (2) (2) (6) (11) (2) (2) (3) (3) (2) (19) (6) (3) (3) (9) (3) (2) (2) (21) (2) (4) (3) (2) (15) (3) (2) (2) (2) (3) (2) (2) (2) (2) (3) (2) (3) (12) (3) (2) (5) (3) (2)

      WP Cumulus Flash tag cloud by Roy Tanck requires Flash Player 9 or better.

  • 赞助商

    AD载入中……