Javascript 单击jquery按钮更改为输入电子邮件

我想询问一下在点击后将按钮更改为电子邮件输入字段的情况。按钮的div为：

html

但是我从attribute

element.setAttribute（“value”），获取空值

单击按钮后，如何将其更改为电子邮件输入字段并获取字段值？
使用jQuery，您可以使用函数


$（“#新闻按钮”）。单击（函数（）{
$（此）。替换为（“”）；
});

输入您的电子邮件
将元素值设置为“”，因此，当您获得值时，您当然会得到“”。我想问的是如何更改该值。我应该将值留空吗？您需要解释您试图做什么。上面的代码没有真正意义。编辑问题以清楚地解释您试图实现的步骤-不要只说“我不想要空白值”之类的话，否则您将得不到任何帮助。谢谢，但它对我的项目不起作用，更具体地说，它不会将光标变为文本进行书写。
<button class="read-more-button email-button" id="news-button" onClick="addInputField()">Enter your email</button>

function addInputField(){
    var element = document.createElement("input");
    element.setAttribute("type", "email");
    element.setAttribute("value", "");
    element.setAttribute("name", "Email");
    document.body.appendChild(element);
    document.getElementById("news-button").innerHTML = element.value; 
 }