Question

我是javascript的新手，我无法让下面的功能正常工作。该函数应该在用户输入其名称后将userName加上h2标题中已有的内容添加到网站中。一旦用户输入他们的名字，它就需要显示出来。

/* 
 * this function will promtpt the user for their name; 
 * store name in a variable called userName.
 * Use variable called phrase, which will hold h2 content
 * Lastly write the "new" h2.
 */
function logIn() {
    var userName = prompt("Please enter name");
    pharse = document.getElementsByTagName('h2').innerHTML;
}

Answer 1

好的，我会在这个问题上采取行动。

// This solution depends on you having an id on your 'h2' element
var userName = prompt('Please enter name');
var headerElem = document.getElementById('yourIdHere');
var pharse = headerElem.innerHTML;

headerElem.innerHTML = pharse + ' ' + userName;

请告诉我这是否是您正在寻找的内容/如果您想要解释为什么我按照我的方式做事！

这是一个可以玩的代码笔！ http://codepen.io/csavage1994/pen/evvXoG

Answer 2

以下是如何完成此操作的示例：

https://jsfiddle.net/mcwc66op/

HTML

<h2>
  H2 Text
</h2>

的Javascript

var h = document.querySelector('h2');
var userName = prompt("Please enter name");
h.innerHTML = h.innerHTML + ' / ' + userName

Answer 3

document.getElementById("name").innerHTML += prompt("What is your name?");

如何让我的函数将userName添加到h2标记

3 个答案: