Question

我有一个包含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';
        }

我的问题是：有没有办法实现相同的结果但是在不使用全局变量的情况下这样做？我知道应该有一个选项只是将变量从一个函数传递到另一个函数然后在那里更新它，但我不知道如何做到这一点

Answer 1

只需为p代码指定一个ID，然后使用document.getElementById即可获取该代码。

更改元素脚本中的文本

1 个答案: