web-dev-qa-db-ja.com

CSSからHTMLを挿入

CSS(3)からHTML要素、dom、またはコードを挿入する方法はありますか?

42
methyl

コンテンツ(htmlではなくテキスト用):

http://www.quirksmode.org/css/content.html

しかし、明確にするために、それは悪い習慣です。ブラウザ全体でのサポートは不安定であり、一般的には良い考えではありません。しかし、実際に使用する必要がある場合は、そこにあります。

13
fiiv

いいえ。できるのは、:beforeまたは:after疑似要素を使用してコンテンツ(要素ではなく)を追加することだけです。

詳細: http://www.w3.org/TR/CSS2/generate.html#before-after-content

29
Sotiris

いいえ、あなたがすることはできません。できることは、コンテンツを挿入することだけです。そのようです:

p:after {
    content: "yo";
}
10
alexn

別の方法-あなたがしようとしていることに応じてあなたのために働くかもしれない-は、HTMLを所定の場所に置いてから、CSSを使用して親要素のクラスに応じてそれを表示または非表示にすることです。

OR

JQuery append()を使用します

3
Stu

これを行うことができます。たとえば、Firefox

CSS

#hlinks {
  -moz-binding: url(stackexchange.xml#hlinks);
}

stackexchange.xml

<bindings xmlns="http://www.mozilla.org/xbl"
  xmlns:html="http://www.w3.org/1999/xhtml">
  <binding id="hlinks">
    <content>
      <children/>
      <html:a href="/privileges">privileges</html:a>
      <html:span class="lsep"> | </html:span>
      <html:a href="/users/logout">log out</html:a>
    </content>
  </binding>
</bindings>

ref 1

ref 2

2
Steven Penny