如何使用css规则(-webkit column-width:)获取拆分后html页面特定列的内容
How to get content of particular column of html page after split using css-rule(-webkit-column-width:)
i使用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;');
如何从特定专栏中获取内容。请帮帮我。
我确信没有简单的方法可以做到这一点。你最好的办法是找到文本的长度,然后得到内容的前半部分(或第三部分,或第四部分,视情况而定)。它不会准确,但会很接近。
另一种方法可以是从顶部开始选择内容,并根据插入符号的位置来计算列的末尾。(我只是在这里重复。不确定这是否真的有效)
我可以在一个小时后获得内容以进行查找和部署。我希望我的分享能帮助到别人
请登录:jsfiddle.net/coongtakien/7YMSL/1/
您可以更改起点和终点的位置,并计算每列的高度。最后,您更改我的硬固定代码并获取内容
感谢mattsven分享javascript中的createRange。有一个漂亮的代码!
相关文章:
- regex在JavaScript中拆分一个html字符串
- 加载静态HTML文件并按类拆分为数组
- 拆分 html 标记的值
- 如何将 HTML 代码与字符串拆分
- HTML,Javascript - 拆分比iFrame宽的单词,而不是生成滚动条
- 如何在 jquery 中拆分 html 标记
- 如何将 HTML 内容拆分为适合屏幕的页面
- 如何将字符串拆分为多个html文本字段
- 使用JavaScript拆分字符串,但忽略其中的HTML字符
- 拆分PHP和HTML标签,并在JavaScript中将其边缘化
- 如何拆分javascript&html转换为多个文件
- 在html中拆分提取字符串
- 使用JS和HTML中的函数逐个拆分输入并逐个翻译输入
- 使用webpack代码拆分,如何加载块和HTML布局
- 如何拆分Javascript和HTML文件
- 在html字符串上拆分图像标记
- 基于html标签拆分html内容
- 在每个图像标记之前拆分 HTML
- 在客户端将一个大的HTML页面拆分为多个页面
- 基于HR标签,用Javascript/JQuery拆分HTML