如何单击TR并编辑个性

时间:2019-05-01 17:06:40

标签: javascript function

我正在研究Web开发,现在正在做一个单页应用程序。我们正在使用JavaScript,但是我无法使用jquery,bootstrap等。我已经在Google上进行搜索,看过讲座中的视频,但是作为画布我还是一片空白。

问题是我需要进行contactregistre。您应该可以单击联系人,页面的其他部分应该处于活动状态,您可以在其中编辑联系人并查看他们的住处。这张地图还可以,但是我不知道该如何实现,我找不到关于使用jquery的示例。

我们已经猜到了类似的情况,但这可能是错误的:

document.querySelector("tr").addEventListener('click' , e => {
    document.querySelector('editContact')

    function editContact(contact) {
        let editContact = document.querySelector("#searchcontact tr");
        editContact.innerHTML = "TR";
        let form = document.editContact()
    }
})

非常感谢!

1 个答案:

答案 0 :(得分:0)

有很多方法可以做到这一点。这不是一个完整的解决方案,但应该可以帮助您入门:

通常,您在表<input name="username_1" class="hidden" type="text">中已经有一个文本输入,该文本输入与内容一起隐藏,例如<span id="username_1">MAREN</span>

然后您将需要一些CSS来隐藏东西:

.hidden {
   display:none;
}

因此,即使您单击,也可以将 hidden 类名添加到SPAN并将其从INPUT中删除。这样可以直观地交换标签的静态值。

在那之后还有更多,但是请尝试一下。