使用Javascript和HTML创建清除按钮

首先，我知道这个问题以前在这里被问过-我看过这些答案，但出于某种原因，它根本不适合我

我有多种文本字段，我希望有一个“清除”按钮，在单击时清空字段值

这是我的JavaScript：

function clear() {
    document.getElementById("customerName").value="";
}

我的HTML是

<table border="1" id="orderForm">
    <tr>
        <th colspan="2">Customer Details</th>
    </tr>
    <tr>
        <td id="font">Customer Name</td>
        <td><input type="text" id="customerName"></td>
    </tr>
</table>

<button type="button" id="button1" onClick="clear()">Clear</button>

客户详细信息
客户名称
清楚的

---

我不知道为什么它不起作用，我一直在努力让它起作用。

首先调用jquery库，然后执行以下代码，而不是您的代码

$document.ready(function(){
$("button1").click(function(){
document.getElementById("#customerName").value="";
});
});

---

我更喜欢将所有javascript放在body标记的末尾。

首先调用jquery库，然后执行以下代码，而不是您的代码

$document.ready(function(){
$("button1").click(function(){
document.getElementById("#customerName").value="";
});
});

---

我更喜欢将所有javascript放在body标记的末尾。

如@Pratyush所述，将函数名更改为其他名称-您的代码将正常工作。

如@Pratyush所述，将函数名更改为其他名称-您的代码将正常工作。

clear（）

通常不是一个好的函数名。它与document.clear冲突

还请记住，您可以始终使用

，这可能会更简单！：）

函数clearIt（）{
document.getElementById（'customerName'）。value=“”；
}

客户详细信息
客户名称
Clear（）通常不是一个好的函数名。它与document.clear冲突

还请记住，您可以始终使用
，这可能会更简单！：）


函数clearIt（）{
document.getElementById（'customerName'）。value=“”；
}

客户详细信息
客户名称
Clear
为了清楚起见，
Clear（）
是非常有效的Javascript

恰好
文档
定义了一个
clear（）
也：


…由于分配给单击处理程序的HTML属性是通过修改的作用域链执行的，
文档
对象的
clear（）
位于作用域链中全局函数的前面（来自Javascript:the Definitive Guide）：

注册为HTML属性的事件处理程序是一种特殊情况，
然而。它们被转换为具有访问权限的顶级函数
指向全局变量，但不指向任何局部变量。但是，对于
由于历史原因，它们使用修改过的范围链运行。事件
由HTML属性定义的处理程序可以使用
目标对象、包含对象（如果有）和
文档对象，就像它们是局部变量一样

然后他讨论了你的具体情况：

HTML事件处理程序的修改范围链是
陷阱，因为链中每个对象的属性
对全局对象中同名的任何属性进行阴影处理。这个
Document对象定义了一个（很少使用的）open（）方法，例如
要调用的open（）方法的HTML事件处理程序
窗口对象必须显式写入Window.open而不是open

因此，可以通过HTML中的
window.clear（）
访问函数：


function clear（）{document.getElementById（“customerName”）.value=”“；
}

客户详细信息
客户名称
Clear
为了清楚起见，
Clear（）
是非常有效的Javascript

恰好
文档
定义了一个
clear（）
也：


…由于分配给单击处理程序的HTML属性是通过修改的作用域链执行的，
文档
对象的
clear（）
位于作用域链中全局函数的前面（来自Javascript:the Definitive Guide）：

注册为HTML属性的事件处理程序是一种特殊情况，
然而。它们被转换为具有访问权限的顶级函数
指向全局变量，但不指向任何局部变量。但是，对于
由于历史原因，它们使用修改过的范围链运行。事件
由HTML属性定义的处理程序可以使用
目标对象、包含对象（如果有）和
文档对象，就像它们是局部变量一样

然后他讨论了你的具体情况：

HTML事件处理程序的修改范围链是
陷阱，因为链中每个对象的属性
对全局对象中同名的任何属性进行阴影处理。这个
Document对象定义了一个（很少使用的）open（）方法，例如
要调用的open（）方法的HTML事件处理程序
窗口对象必须显式写入Window.open而不是open

因此，可以通过HTML中的
window.clear（）
访问函数：


function clear（）{document.getElementById（“customerName”）.value=”“；
}

客户详细信息
客户名称
清除
尝试更改函数名。检查这是正确的！真不敢相信事情竟如此简单。非常感谢！尝试更改函数名。检查这是正确的！真不敢相信事情竟如此简单。非常感谢！稍微编辑以适应@sweaver2112关于
文档的非常有用的信息。清除
稍微编辑以适应@sweaver2112关于
文档的非常有用的信息。清除