2012-05-14 83 views
0

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

我的问题是:有没有什么办法来达到同样的效果,但这样做没有使用全局变量?我知道应该有一个选项只是将变量从一个函数传递到另一个函数,然后在那里更新它,但我不知道如何执行此操作,但

回答

0

只需给p标记一个ID并使用document.getElementById即可获取它。