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

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

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

    最近在做一个项目的时候,遇到一个问题:如何在运行时通过 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
        1
    breeswish   2015-11-02 21:08:33 +08:00   ♥ 1
    jQuery:

    $(...).append('<col>')
        2
    WispZhan   2015-11-03 09:42:50 +08:00
    @breeswish 好的谢谢,回头试试。
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   4599 人在线   最高记录 5043   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 23ms · UTC 06:16 · PVG 14:16 · LAX 22:16 · JFK 01:16
    ♥ Do have faith in what you're doing.