2つの関数を含むスクリプトがあります。
最初の関数は、既存のdiv内に段落要素を作成する役割を果たします。スクリプトの2番目の部分は、onclickイベントによってトリガーされる事前定義されたテキスト(テキストは最初の関数で事前定義されています)を変更する関数です。
HTML:
<a href="" onclick="changeText();return false;">Change Text</a>
<div id='box'></div>
Javascript:
var x, el;
window.onload = function createEl() {
x = document.getElementById('box');
el = document.createElement('p');
el.appendChild(document.createTextNode("Hello"));
x.appendChild(el);
}
function changeText() {
el.innerHTML = 'other text';
}
私の質問は、同じ結果を達成する方法はありますが、グローバル変数を使用せずにこれを行う方法はありますか?ある関数から別の関数に変数を渡してそこで更新するだけのオプションがあるはずですが、これを行う方法はわかりません。