我有一个包含 2 个函数的脚本。
第一个函数负责在现有 div 中创建一个段落元素。脚本的第二部分是一个函数,它改变由 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';
}
我的问题是:有没有办法达到相同的结果,但不使用全局变量?我知道应该有一个选项只是将变量从一个函数传递到另一个函数然后在那里更新它,但我不知道如何做到这一点