如何在Javascript中编辑输入值

How Do I Edit Input Value In Javascript?

本文关键字：编辑 输入 Javascript      更新时间：2023-09-26

我正在尝试编辑以下输入表单以更改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>

假设我想将输入的maxlength更改为300，我该如何在客户端执行此操作?我知道我可以使用inspect元素，但我正试图用JavaScript文件来做。

非常简单:

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年

相关文章：