2014-09-10 67 views
0

的,我有更新文本的顏色,但不是實際的文本代碼這一塊...代碼更新顏色,但不是實際的文本?

var lastWordTyped; 
var ele = document.querySelector("#my_text"); 
//code 
//... 
lastWordTyped = capitalizeFirstLetterOfKeyword(lastWordTyped); 
lastWordTyped = lastWordTyped.fontcolor("blue"); 
ele.innerHTML = lastWordTyped; 


function capitalizeFirstLetterOfKeyword(keyword) { 

     var word; 
     word = keyword.charAt(0).toUpperCase() + keyword.slice(1); 
     return word; 
    } 

當我通過它一步,是認識新的字符串應該是什麼,但它不更新實際文本添加到新字符串中,但它確實會更改其顏色。任何人都可以向我提供它爲什麼不更新它的原因嗎?

回答

0

您還沒有聲明lastWordTyped,因此大寫的FirstLetterOfKeyword()會得到'undefined'作爲輸入。

這裏工作演示: http://jsfiddle.net/yc4mvm1n/1/

var lastWordTyped = "NewWord"; 
var ele = document.querySelector("#my_text"); 

lastWordTyped = capitalizeFirstLetterOfKeyword(lastWordTyped); 
lastWordTyped = lastWordTyped.fontcolor("blue"); 
ele.innerHTML = lastWordTyped; 

function capitalizeFirstLetterOfKeyword(keyword) { 
     var word; 
     word = keyword.charAt(0).toUpperCase() + keyword.slice(1); 
     return word; 
    } 
+0

我認爲// ... //代碼在那裏,他被設定值lastWordTyped部分通過將腳本在機身的底部,做到這一點。 – 2014-09-10 14:11:09

+0

抱歉,延遲...這是我有...它做的一切正確,但它只是沒有更新屏幕上鍵入的最後一個字,以大寫的第一個字母:( – bbesase 2014-09-12 12:49:00

+0

你有一些代碼來顯示你如何選擇最後輸入的單詞? – 2014-09-12 12:59:26

0

您的代碼看起來好像沒什麼問題。

http://plnkr.co/edit/mRllGWD2bNTxxyWrJENZ?p=preview

嘗試張貼更多的代碼。

function capitalizeFirstLetterOfKeyword(keyword) { 

     var word; 
     word = keyword.charAt(0).toUpperCase() + keyword.slice(1); 
     return word; 
    } 

將返回正確的大寫背單詞,我假設你在你的//code部分

0

確保運行JS代碼之前的元素#my_text存在的地方設置值lastWordTyped。你可以,或者通過使用

window.onload = function() { 
    // your code here 
} 
相關問題