javascript - 使用Javascript用innerHTML和函数替换HTML标签中的文本

标签 javascript

我正在尝试使用元素 id“greeting”和外部 java 脚本更改 h1 标记内的文本。我无法弄清楚如何调用已收集变量的函数 init 并在下一个函数中使用它们。这是我到目前为止所拥有的。

HTML

 <head>

    <title>Matt Beckley</title>
    <script type="text/javascript" src="script1.js"></script>
</head> 

<body>

 <h1 id="greeting">Welcome!</h1>

 </body>
</html>

问题所在的脚本!

 window.onload = init;

 function init() 
 {
 var fullname=prompt("Please Enter you name!","Anonymous ");
(fullname == "Anonymous")? "Anonymous " : "";

 var nickname=prompt("Please Enter you nickname!"," None");
 (nickname == "None")? " None": ""; 
 }

 function writeGreeting()
 {
    document.getElementById("greeting").innerHTML= ?????????
 }

所以我不知道如何使最后一个函数起作用,以便 h1 标签显示名称和昵称。 w3schools 仅显示“字符串”,而不显示调用其他函数的能力。有人知道该怎么做吗?

最佳答案

如何合并 initwriteGreeting 函数:

window.onload = init;

function init() 
{
 var fullname=prompt("Please Enter you name!","Anonymous ");
 fullname = (fullname == "Anonymous")? "Anonymous " : "";

 var nickname=prompt("Please Enter you nickname!"," None");
 nickname = (nickname == "None")? " None": ""; 
 document.getElementById("greeting").innerHTML= "Welcome " + fullname + " (" + nickname + ")";
}

附:语法上的小问题 - 您可能需要“请输入您的姓名”,而不是“请输入您的姓名”,昵称提示也是如此。

关于javascript - 使用Javascript用innerHTML和函数替换HTML标签中的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2063943/

相关文章:

javascript - 如何将自定义 map 控件放置在 Google map 中的 "Google"标签上方?

javascript - 选中的复选框未在 UI 中更新

javascript - 暂停 Jquery.each 循环以确保代码完全执行?

javascript - 分机号 : Display dates in UTC regardless of browser timezone

0到100之间百分比的javascript正则表达式

javascript - 开 Jest 比较值没有视觉差异。测试数组时

javascript - Django - 如何使日期选择器在更改时提交表单

javascript - 如何在包含内容的新选项卡中打开自定义 URL?

Javascript 删除运算符

javascript - 通过 element.find 从父级检索子指令范围