Question

我正在尝试编辑以下输入表单以更改maxlength值。

<div id="chat-input">
    <form class="chat-input-form" onsubmit="return false">
        <input id="chat-input-field" value="" placeholder="Click here to join the conversation" maxlength="256" type="text">
    </form>
</div>

假设我想将输入的最大长度更改为300，我将如何进行此客户端？我知道我可以使用inspect元素，但我正在尝试使用JavaScript文件。

Answer 1

非常简单：

document.getElementById('chat-input-field').maxLength = 300

JSFiddle

不要忘记将代码包装在文档就绪函数中。像这样的东西应该这样做，但如果你想支持石器时代的浏览器，还要坚持使用jQuery $(document).ready()。

document.addEventListener('DOMContentLoaded', function(){
   document.getElementById('chat-input-field').maxLength = 300
});

我认为我不需要添加DOMContentLoaded因为我正在使用的javascript文件仅在网站完成后添加负荷。

然后试一试。

console.log(document.getElementById('chat-input-field'));

document.addEventListener('DOMContentLoaded', function(){
   console.log(document.getElementById('chat-input-field').maxLength);
});

控制台中的预期结果：

空

256

如何在Javascript中编辑输入值？

1 个答案: