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

Code updates color but not the actual text?

本文关键字：更新 文本 颜色 代码      更新时间：2023-09-26

我拥有的这段代码更新了文本的颜色，但没有更新实际的文本。。。

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

当我浏览它时，就是识别出新字符串应该是什么，但它不会将实际文本更新为新字符串，但它确实改变了颜色。有人能告诉我为什么它不更新吗？

您还没有声明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;
    }

您的代码对我来说很好。

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

尝试发布更多代码。

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

返回正确的大写单词，我假设您在//code部分的某个地方将值设置为lastWordTyped

在运行JS代码之前，请确保元素#my_text存在。您可以将脚本放在正文的底部，或者使用

window.onload = function() {
    // your code here
}
相关文章：