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

span の text をlinkにする

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


test

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



test

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