栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

如何使用JavaScript访问CSS生成的内容

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何使用JavaScript访问CSS生成的内容

我找不到任何接口来访问真实的实时价值。[柜台]

是的 我不认为有一个。抱歉。

我唯一想到的就是遍历文档中该元素之前的每个元素(包括其

:before
/
:after
伪元素),查找计数器并累加多少。

显然,这很可怕。如果您要尝试重现浏览器自己的

counter
机制,则将其替换为您自己的基于脚本的计数器可能会更容易(并且兼容性更好,因为IE <=
7缺乏计数器/内容支持)。例如。类似于以下内容:

<a href="#prettypicture">this</a><div >...</div><img id="prettypicture"  alt="ooo, pretty"/>window.onload= function() {    var counters= Node_getElementsByClassName(document.body, 'counter');    var indices= [];    for (var counteri= 0; counteri<counters.length; counteri++) {        var counter= counters[counteri];        var level= Element_getClassArgument(counter, 'level');        while (indices.length<=level) indices.push(0);        indices[level]++;        indices= indices.slice(level+1);        var text= document.createTextNode('Figure '+indices.join('.'));        counter.parentNode.insertBefore(text, counter.nextSibling);        if (counter.id!=='') { for (var linki= document.links.length; linki-->0;) {     var link= document.links[i];     if (         link.hostname===location.hostname && link.pathname===location.pathname &&         link.search===location.search && link.hash==='#'+counter.id     ) {         var text= document.createTextNode('('+indices.join('.')+')');         link.parentNode.insertBefore(text, link.nextSibling);     } }        }    }};


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/575258.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号