CSSを持つコンテンツ属性

Question

私は小さなプロジェクトを進めています。

他の要素内にアンカータグ<a>を追加するには、css content属性と：after擬似文字を使用します。

私はそれを行うために必要なもの

.classname:after { content: '<a>hello</a>'; } 
// this will print "<a>hello</a>" 

は、与えられたhrefを指して、それが働いてアンカータグがあることを確認してくださいです。 content: attr(title);のようなものを使うことができるので、.classnametitleという属性をテキストとして使用することができますが、これも可能かどうかはわかりませんが、それがあれば涼しいでしょう。

Answer 1

HTML要素を挿入するために、CSS :beforeおよび疑似要素を使用することはできません。 HTML要素を追加するには、JavaScriptを使用する必要があります。

Answer 2

あなたは気になりません。あなたはjavascriptを使用する必要があります:(

myP thoのidと実際の値から得られる可能性のある変数のidを持つapへのリンクを入れた簡単な例...

var myUrl = "http://www.glcreations.co.uk"; 

document.getElementById("myP").innerHTML = "<a href='" + myUrl + "'>A link for you to click on</a>";