Añadir dos corchetes en link

[derkenuke]

Aunque en realidad lo correcto y elegante seria hacer:

Código PHP:

  <head>
 
<style>
.corchetes {
    color: #000; 
    text-decoration:none; 
    width:3px; 
    visibility:hidden; 
    display:inline;
}
</style>
 
</head>
 
<body>
 
 
<a href="a.htm">enlace</a> texto texto texto 
<a href="s.html">otro enlace</a> mas texto 
<a href="i.htm">y otro</a> y se acaba aqui. 
 
<script> 
 
function insertAfter(parent, node, referenceNode) {
    parent.insertBefore(node, referenceNode.nextSibling);
}
 
var As=document.getElementsByTagName("A"); 
var corchete1,corchete2;
for(var a=0;a<As.length;a++) {
    corchete1=document.createElement("DIV");
    corchete2=document.createElement("DIV");
    corchete1.appendChild( document.createTextNode("[") );
    corchete2.appendChild( document.createTextNode("]") );
    corchete1.className=corchete2.className="corchetes";
    As[a].parentNode.insertBefore( corchete1 , As[a] );
    insertAfter( As[a].parentNode, corchete2, As[a] );
    As[a].onmouseover=function() { 
        this.previousSibling.style.visibility="visible";
        this.nextSibling.style.visibility="visible";
    }
    As[a].onmouseout=function() { 
        this.previousSibling.style.visibility="hidden";
        this.nextSibling.style.visibility="hidden";
    }
}
 
</script>
 
 
</body>