こんな漢字で

http://oshiete.goo.ne.jp/qa/7934784.html
@の後ろを自動的にリンクにしたい

<!DOCTYPE html>
<meta charset="UTF-8">
<title></title>
<style>
</style>
<body>

<p>
<span>aaa</span>
<span class="auto">@bbb</span>
<span class="auto">ccc@ddd</span>
<span class="test1 auto test1">@eee</span>
<span class="auto">fff</span>
<span>@ggg</span>
</p>
<script>

var a = document.createElement ('a');
a.appendChild (document.createTextNode (''));

Array.prototype.slice.call (document.getElementsByClassName ('auto'), 0)
     .forEach (
       function (e) {
         var t = e.textContent;
         var c = this.cloneNode (true);

         c.href = (0 === t.indexOf ('@'))
         ? 'http://hoge.com/hoge.php?name=' + encodeURIComponent (t.substring (1))
         : t;
         
         c.firstChild.data = t;
         e.parentNode.replaceChild (c, e);
       }, a);

</script>