代码会更新颜色，但不会更新实际文本吗？

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
}