#onclickを使って、クリックされたリストを取得し、別のulにそのリストを追加したい
以下のコードで実行したところ問題が2つ出ました。
・追加されるべきリストがブラウザに一瞬だけ表示されてすぐに消える
・console.logで表示させた部分が、Chromeのコンソールでは一瞬だけ表示されてすぐに消えた(firefoxでは普通に表示されました。)
どのように対処すればよいでしょうか。
onclickを使ったのが悪いのか、原因がわかりません。
初心者にもわかるように教えていただけたら助かります。
html
1<!doctype html> 2<html> 3<head> 4 <meta charset="UTF-8"> 5 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 6 <script type="text/javascript"> 7 function getId(element){ 8 var id = element.id; 9 // idは受け取れた 10 console.log(id); 11 var target = document.getElementById(id); 12 console.log(target) 13 $('#prepend').prepend(target); 14 }; 15 </script> 16</head> 17<body> 18 19<ul> 20 <li ><a href="" id="greet" onclick="getId(this);">こんにちは</a></li> 21</ul> 22 23<ul id="prepend"> 24</ul> 25 26</body> 27</html> 28
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/02/27 20:21