javascript - 从输入字段中删除类型文本

Question

注意:我是 Javascript 新手。

代码如下:

它来自html页面本身

<form action="#" id="ToolKeywordSearch">
  <input type="text" class="ProductFinderText"
          id="ToolSearchField"onblur="if(this.value=='')    
             {this.value='Enter Search Term ';}" 
                onclick="if (this.value == 'Enter Search Term ')
                  { this.value = ''; }" value="Enter Search Term " />
</form>

 ___________________________________
|  _____________________     ______ |      (restriction does not let me insert image)
| |                  |O |   |      ||
| |enter search term | \|   |Search||                      
|  ---------------------     ------ |
|___________________________________|

这是它的作用:当按下搜索按钮时，它会打开搜索字段

搜索图像是背景:

#ToolSearchField {

 background:url(../../Content/images/search_but.png) no-repeat scroll 
    right center   transparent;

光标:指针；

如何删除搜索栏中的文字？使用 Javascript 或 CSS，都尝试过但没有成功。

<script type="text/javascript">
    var jo = document.getElementById("ToolSearchField").value;
    alert(jo);
</script>

I receive Enter Search Term as an output. 

Then if I insert remove(); instead, it doesn't do anything.

var jo = document.getElementById("ToolSearchField").value;
    jo.remove();

最终结果应该有启动搜索操作的搜索按钮。

请告诉我，我做错了什么。

Answer 1

您正在实例化的 var jo 在您的第一行 javascript 之后具有字符串值“Enter Search Term”。在下一行中，您将此字符串告诉 remove()，这在原始元素中没有实现任何内容。

试试 document.getElementById("ToolSearchField").value = ""; 吧!