###前提・実現したいこと
Javascriptを勉強中のものです。getAttribute()/setAttribute()を使って属性値を設定したいのですが、
上手くいきません。取得はできているのですが、その値を設定するところでエラーが出てしまいます。
(なぜvalが未定義になってしまうのかが分かりません)。
下記のコードで修正するべきところをご指摘いただければありがたいです。
よろしくお願いいたします。
###発生している問題・エラーメッセージ
エラーメッセージ test.html:27 Uncaught ReferenceError: val is not defined at HTMLInputElement.<anonymous>
###該当のソースコード
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>属性の取得/設定</title> </head> <body> <form> <a href="https://www.yahoo.co.jp/" id="first_a"></a><hr> <input type="button" id="getBtn" value="取得"> <input type="button" id="setBtn" value="設定"> </form> <a href="#" id="second_a"></a> <script> window.addEventListener('load', function(){ var link1 = document.getElementById('first_a'); var link2 = document.getElementById('second_a'); document.getElementById('getBtn').addEventListener('click', function(){ var val = link1.getAttribute('href'); //console.log(val); }); document.getElementById('setBtn').addEventListener('click', function(){ link2.setAttribute('href', val); }); }); </script> </body> </html>
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/05/18 05:23