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

发布于 2024-12-06 23:13:32 字数 909 浏览 0 评论 0原文

我有一个带有文本字段（输入元素）的 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","");

但没有运气。
我可能遗漏的任何指示。

编辑：
我遇到了与此问题相关的问题，任何感兴趣的人都可以检查此

**************************************************

多谢。

原文

I have an HTML with say a textfield (input element).

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

This simply displays a text field on my page with a default value "blah blah blah".

What I want to do is remove value attribute, as I don't want to see this default value.
I am doing this using javascript.

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

But it is not working. I even tried

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

but no luck.
Any pointers where I may be missing.

EDIT :
I got an issue related to this question, anyone interested may check this

*********************************************

Thanks a lot.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

过期以后 2024-12-13 23:13:33

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

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

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

jsFiddle。

...I don't want to see this default value.

Just set the value property directly to an empty string.

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

jsFiddle.

回复收藏 0 原文

寻找一个思念的角度 2024-12-13 23:13:33

提供您的文本字段和 id，例如 document.getElementById['text '].value = "";

回复收藏 0 原文

灼痛 2024-12-13 23:13:33

这是您的 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 = '';

This is your html tag. You will need to add a ID to it

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

This is just to fire the javascript function

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

The following function will reset the value of the selected element

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

If you are not using form and you want to use it with just the name you can try the following