V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
WispZhan
V2EX  ›  问与答

有关 HTML <colgroup> 标签插入<col>的问题。

  •  
  •   WispZhan · 2015-11-02 20:54:26 +08:00 · 1949 次点击
    这是一个创建于 3320 天前的主题,其中的信息可能已经有所发展或是发生改变。

    最近在做一个项目的时候,遇到一个问题:如何在运行时通过 js 动态的向<colgroup> 标签插入<col>子标签?
    由于我基本上不做 web 前台,所以不知道怎么良好的解决这个问题。请各位熟悉的帮忙看看,谢谢。


    当前浏览器环境是 IE ,也只需要给 ie 做适配。
    目前使用的办法是:

    var colgroup = doc.getElementsByTagName("colgroup");
    colgroup[0].childNodes[0].insertAdjacentHTML("beforeBegin","<col width='80' style='width: 80pt;'/>")
    

    但是这个 insertAdjacentHTML 好像只在 IE10 以上的版本有效。其他版本均不支持。


    另一个问题,如果重写或覆盖原有的整个<colgroup>里的样式呢? 或者说是去掉<colgroup>和里面的<col>之后如何合理的重排整个<table>?

    目前需要给一个已经生成好的页面重新排版,但是我尝试去掉或复写<colgroup>里的样式之后发现格式非常奇怪。

    2 条回复    2015-11-03 09:42:50 +08:00
    breeswish
        1
    breeswish  
       2015-11-02 21:08:33 +08:00   ❤️ 1
    jQuery:

    $(...).append('<col>')
    WispZhan
        2
    WispZhan  
    OP
       2015-11-03 09:42:50 +08:00
    @breeswish 好的谢谢,回头试试。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5780 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 03:26 · PVG 11:26 · LAX 19:26 · JFK 22:26
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.