【问题标题】:Replacing .innerhtml text with a value in javascript用javascript中的值替换.innerhtml文本
【发布时间】:2021-01-15 12:06:06
【问题描述】:

我是一个刚开始做网站的程序员,我一直在用用户名替换 innerhtml 文本。如果网站加载,并且用户没有输入任何姓名,他会收到一条消息,要求输入他的姓名。在一个教程中,他们使用警报表示欢迎,但我不想用页面上的文字来做。我尝试将 .innerhtml 与该值一起使用,但这不起作用。我在网上也找不到任何东西。有人知道该怎么做吗?我写了这样的代码:

<script>
          
function setCookie(cname,cvalue,exdays) {

                var d = new Date();

                d.setTime(d.getTime() + (exdays*24*60*60*1000));
                var expires = "expires=" + d.toGMTString();
                document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
            }
            function getCookie(cname) {
                var name = cname + "=";
                var decodedCookie = decodeURIComponent(document.cookie);
                var ca = decodedCookie.split(';');
                for(var i = 0; i < ca.length; i++) {
                    var c = ca[i];
                    while (c.charAt(0) == ' ') {
                        c = c.substring(1);
                }
            if (c.indexOf(name) == 0) {
                return c.substring(name.length, c.length);
                }
            }
            return "";
            }
            function checkCookie() {
                var user=getCookie("username");
                if (user != "") {
                    "document.getElementById("welcomemessage").innerhtml = "(user)";
                } else {
                    user = prompt("What is your name?","");
                    if (user != "" && user != null) {
                        setCookie("username", user, 30);
                    }
                    
                }
            }
    </script>
<p id="welcomemessage"></p>`

【问题讨论】:

  • 开发者工具会指出错误。学习在浏览器中使用开发者工具。

标签: javascript html cookies innerhtml


【解决方案1】:
document.getElementById("welcomemessage").innerHTML = "(" + user + ")";

document.getElementById("welcomemessage").innerText = "(" + user + ")";

使用模板文字:

document.getElementById("welcomemessage").innerHTML = `(${user})`

去掉document.getElementById开头的引号,把innerhtml改成innerHTML,设置值如上图所示。

【讨论】:

    猜你喜欢
    • 2015-09-13
    • 1970-01-01
    • 2013-03-15
    • 2013-01-10
    • 1970-01-01
    • 2021-12-27
    • 2011-05-16
    • 2021-04-17
    • 1970-01-01
    相关资源
    最近更新 更多