如何使用javascript从HTML中删除属性?

时间:2011-09-27 05:28:12

标签: javascript dom

我有一个HTML表示文本字段(输入元素)。

<input name="capacity" type="text" value="blah blah blah">

这只是在我的页面上显示一个文本字段,默认值为“blah blah blah”。

我想要做的是删除value属性,因为我不想看到这个默认值。 我是用javascript做的。

value = element.getAttribute("value");
    if((element.readOnly != undefined || element.readOnly == false) || (element.disabled != undefined || element.disabled == false)){
    //element.removeAttribute(value);    
    element.removeAttribute("value");    

但它不起作用。我甚至试过了

element.setAttribute("value","");

但没有运气。
我可能遗失的任何指针。


编辑:
我遇到了与此问题相关的问题,任何有兴趣的人都可以check this

********************************************* <无线电通信/>
非常感谢。

3 个答案:

答案 0 :(得分:3)

  

...我不想看到这个默认值。

只需将value属性直接设置为空字符串。

document.getElementsByName('capacity')[0].value = '';

jsFiddle

答案 1 :(得分:0)

为您的文字字段和ID提供<input name="capacity" type="text" id="text" value="blah blah blah"> document.getElementById['text'].value = "";

答案 2 :(得分:0)

这是你的html标签。您需要为其添加ID

<input id="capacity" name="capacity" type="text" value="blah blah blah">

这只是解雇javascript函数

<input type="submit" value="Click" onclick="javascript:return reset();" />

以下函数将重置所选元素的值

<script type="text/javascript" language="javascript">
    function reset() {
        document.getElementById("capacity").value = "";
        return false; // In order to avoid postback
    }   
</script>

如果您没有使用表单,并且只想使用该名称,则可以尝试以下

 this.capacity.value = '';