javascript - 如何在使用 css-rule(-webkit-column-width :)) 拆分后获取 html 页面特定列的内容

Question

我使用 css 规则将 html 页面分成多列

var mySheet = document.styleSheets[0];
function addCSSRule(selector, newRule) 
{
   if (mySheet.addRule) {
       mySheet.addRule(selector, newRule);// For Internet Explorer                              
   } else {
       ruleIndex = mySheet.cssRules.length;
       mySheet.insertRule(selector + '{' + newRule + ';}', ruleIndex)//for firefox..
   }
}

addCSSRule('html', 'padding: 0px; height: 460px; -webkit-column-gap: 0px; -webkit-column- width: 320px;');

如何从特定栏中获取内容。 请帮助我。

Answer 1

我很确定没有简单的方法可以做到这一点。最好的办法是找出文本的长度并获取内容的前半部分(或第三部分或第四部分，视情况而定)。 它不会准确，但会很接近。

另一种方法可能是选择从顶部开始的内容，并根据插入符的位置找出列的结尾。 (我只是在这里重复。不确定这是否真的有效)