2012-05-14 84 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即可獲取它。