javascript - 使隐藏的输入字段可见 HTML Javascript

Question

Html 输入字段位于 anchor 标记内，如下所示..

<a id="brand" onclick="myFunction()" class="brand" ><input id="mytext" onclick="myFunction()" type="hidden" value="Anchor Title">Anchor Title</a>

Javascript 使用 set 属性

<script>
function myFunction() {
    document.getElementById("brand").innerHTML = "";

    document.getElementById("mytext").setAttribute("type", "text");

    var elem = document.getElementById("mytext");

    elem.value = "Edit Title";

    document.getElementById("brand").innerHTML = elem.value;
    }
</script>

实际结果

• 点击时会清除 anchor 标题
• 但是，输入字段仍然处于隐藏状态

想要实现

• 点击时清除 anchor 标题
• 出现输入文本字段
• 用户输入文本
• 输入的文本成为 anchor 标题
• 输入字段再次隐藏

Answer 1

我认为你应该删除该行:

document.getElementById("brand").innerHTML = "";

(我不知道，但也许你会删除输入元素。)