小编pet*_*ter的帖子

CSS 显示元素属性值,而不是元素内容

我有具有这种模式的元素(XML,不是 HTML,但 CSS 应该仍然有效):

<expan abbr="XX">YY</expan>
Run Code Online (Sandbox Code Playgroud)

有时我想在输出中看到“YY”,有时我想看到“XX”。当我想查看“YY”而不是属性值时没问题:只需保持原样即可。如果我想同时查看元素内容和属性值,没问题:这段 CSS 可以做到这一点:

      expan:after {content:attr(abbr);}
Run Code Online (Sandbox Code Playgroud)

会将 <expan abbr="XX">YY</expan> 显示为“YYXX”。

但是:如果我想查看属性值而不是元素内容,即如果我只想查看“XX”,则会出现问题。我可以使用 CSS 显示或可见性来隐藏元素 <expan>。但它隐藏了一切,包括 :after 伪元素。所以,这段代码:

      expan:after {content:attr(abbr);}

      expan {display:none;}
Run Code Online (Sandbox Code Playgroud)

什么也没有显示。

所以,好心人……帮忙吧。这似乎是一件非常明显的事情。当然,我可以很容易地用 Javascript 操作 DOM。但由于种种原因,我没有这个选择。我想用简单的 CSS 来做到这一点。我可以吗??

css xml

6
推荐指数
1
解决办法
1万
查看次数

值&#到unicode转换

我在表单中有很多字符&#182;,我想在文本编辑器中显示为unicode字符.这应该转换它们:

var newtext = doctext.replace(
    /&amp;#(\d+);/g, 
    String.fromCharCode(parseInt("$1", 10))
);
Run Code Online (Sandbox Code Playgroud)

但似乎没有用.正则表达式/&amp;#(\d+);/让我得到数字 - 但String.fromCharCode似乎没有给出我想要的结果.怎么了?

javascript regex unicode

2
推荐指数
1
解决办法
674
查看次数

标签 统计

css ×1

javascript ×1

regex ×1

unicode ×1

xml ×1