代碼會更新顏色，但不會更新實際文本嗎？

Question

我擁有的這段代碼會更新文本的顏色，但不會更新實際的文本...

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;
    }

當我逐步執行此操作時，正在識別新字符串應該是什么，但是它不會將實際文本更新為新字符串，但是會更改其顏色。 誰能為我提供不更新的原因？

Answer 1

您尚未聲明lastWordTyped，因此capitalizeFirstLetterOfKeyword（）獲得了“未定義”作為輸入。

此處的工作示例： 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;
    }

Answer 2

您的代碼對我來說很好。

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

嘗試發布更多代碼。

function capitalizeFirstLetterOfKeyword(keyword) {

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

返回正確的大寫單詞，我假設您正在//code部分中的某個位置為lastWordTyped設置值

Answer 3

在運行JS代碼之前，請確保元素#my_text存在。 您可以通過將腳本放在正文底部或使用

window.onload = function() {
    // your code here
}