javaScriptで、以下の機能を持つプログラムを作成しようとしています。
・テキストボックス1にサイトのURLを入力
・テキストボックス2に適当な文字を入力
・ボタンを押す
・テキストボックスの下に、テキストボックス2で入力された文字が、テキストボックス1のリンク付きで表示される
以下、ソースになります。
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>要素の作成・追加</title> <script> var html_font; var html_link; // テキストボックスから値を取得し、URL付きリンクを作成する function link_create(){ // p要素を作成 var element_p = document.createElement('p'); // url_nameテキストボックスから入力値を取得 html_font = document.getElementById('url_name').value; element_p.innerHTML = html_font; // a要素を作成 var element_a = document.createElement('a'); // url_linkテキストボックスから入力値を取得 html_link = document.getElementById('url_link').value; element_a.innerHTML = html_link; add.appendChild(element_p + element_a); } // windowを開いたと同時に処理を行う window.onload = function(){ var add = document.getElementById('add'); add.addEventListener('click', link_create, false); } </script> </head> <body> URL:<input type="text" name="url_name"> リンク:<input type="text" name="url_link"> <button id="link">リンク追加</button> <div id="add"></div> </body> </html>
どんな方法を使用すれば、pタグとaタグを一緒に出力する(リンク状態にする)ことができるのでしょうか。
よろしくお願い致します。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/12/29 19:15
2016/12/30 01:24