javascriptでDOMを操作してspanをlinkにする方法

span の text をlinkにする

4. linkにする要素のidを設定します
5. link先のURLを設定します
6. spanのDOMオプジェクトを取得します
7. spanのtext部分を取得します
8. aタグのエレメントオプジェクとをaTagとして生成します
9. aTagオブジェクトにhref要素を追加します
10. aTagオブジェクトにtarget要素を追加します
11. aTagのドキュメントに取得したlinkのテキストを追加します
12. spanをaに置き換えます

test

span に image を付加して link にする

test

※<span></span> の間に何も無いと表示されません。nodeValueが空っぽだと表示されません。。。
textの例のaTagオブジェクトに imgオブジェクトを生成して、追加するだけです。