Question

我正在执行javascript功能，但它没有正常执行。

<html>
<style>
.gear
{
position: relative; display: block; margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px solid #d9d9d9; float: left;
}
label {float: left; display: inline-block; font-weight: bold; color: #696969; font-size: 12px; width: 100px; }
.datainfo { float: left; margin-left: 10px; font-size: 11px; color: #333; }
.savebtn { margin-left: 2em; background: #5972a8; float:left; color:#CCCCCC; padding:5px; border-radius: 3px; display: none;
}
</style>
<script type="text/javascript">
function edit_info()
{
try
{
    document.getElementbyId("txt").style.display = "block";
    document.getElementById("svbtn").style.display = "block";
    document.getElementbyId("pemail").style.display = "none";
    document.getElementById("edit").style.display = "none";
}
catch(err)
{
    alert(err);
}
}
</script>
</head>
<body>
<div class="gear">
                <label>Primary E-Mail:</label>
                <span id="pemail" class="datainfo">Some text to edit</span>
                <span id="pemail" class="datainfo"><input type="text" value="" id="txt" style="display:none;" /></span>
                <a href="#" style = "margin-left: 2em;" id="edit" onclick="edit_info();">Edit Info</a>
                <a class="savebtn" id="svbtn">Save</a>
</div>
</body>
</html>

执行代码后我得到错误＆＃34; TypeErr：undefined不是函数＆＃34;请以纯粹的javascript建议解决方案。

Answer 1

更改为

document.getElementById("id").whatever

Answer 2

如前所述，它是

document.getElementById("id_of_element");

这是工作Fiddle

您可以从here

获取 document.getElementById 的详细文档

另一件事是你不应该有多个具有相同 id 的元素。因为 id 仅适用于单个元素。为此，您应该使用 class 。

从here查看 id 来自here

的 class

Answer 3

你提到的getElementById("")中的两个中有两个，但在休息时你提到getElementbyId("")，这不是一个函数，因为javascrit是区分大小写的。

请参阅plunker

TypeErr：undefined不是函数

3 个答案: