Q&A
素早いご回答ありがとうございます！
スコープを見落としておりました。
上記のようにしたら無事属性設定できました。
ありがとうございました。
###前提・実現したいこと
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件
0
Javascript
1 2document.getElementById('getBtn').addEventListener('click', function(){ 3 var val = link1.getAttribute('href'); // ※1 4 //console.log(val); 5}); 6 7document.getElementById('setBtn').addEventListener('click', function(){ 8 link2.setAttribute('href', val); // ※2 9}); 10
※1のvalを**※2**は知りません。スコープが一致していません。
var valをvar link2と同じ階層で宣言している必要があります。
投稿2017/05/18 04:46
総合スコア308
0
ベストアンサー
↑ ご参照ください。
val という変数が
function(){ var val = link1.getAttribute('href'); //console.log(val); });
この関数の内部で定義されている為ですね。
外部に出して、
var link1 = document.getElementById('first_a'); var link2 = document.getElementById('second_a'); var val;
以下のようにすれば、一先ず、エラーが出なくなりますよ。
function(){ val = link1.getAttribute('href'); });
投稿2017/05/18 04:49
総合スコア34
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/05/18 05:23