javascript - 在 JQuery 中使用一页中的 ID

Question

我的页面中有动态 HTML。现在我想使用一个 Js 文件中的 Id 和数据到其他文件。

我在 care.js 文件中有以下 HTML

$('#chat-box').html(
   '<p style="margin-top:10px;">Enter Your Name</p><input type="text" id="chat-box-name"  class="chat-editing" />'
                   );

现在我想在 chat.js 中使用上面输入框中输入的数据。

我是否可以在同一项目中使用一个 JS 文件中的 id/data 到其他文件？？

谢谢

Answer 1

当执行此代码时，您将拥有一个以您的代码为子元素的元素:

<div id="chat-box">
  <p style="margin-top:10px;">Enter Your Name</p>
  <input type="text" id="chat-box-name"  class="chat-editing" />
</div>

如果您确保第二个 JavaScript 文件中的代码仅在将内容添加到 #chat-box 后才执行，您可以使用 JavaScript 来获取输入框的值。假设您使用 jQuery，就像您在问题中所做的那样:

var input = $('#chat-box-name').val(); //The input

纯 JavaScript:

var input = document.getElementById('chat-box-name').value;