javascript - GWT：使用纯 javascript 提取 textarea 值

Question

上下文：我正在编写一个 tampermonkey 脚本来丰富一些 GWT 页面 witnin 一个 3rd 方应用程序，无法访问源代码或服务器

问题：我需要使用纯 JavaScript 提取 textarea 元素的值（请参阅上文了解原因）

我现在看到的 HTML：在一系列 table>tr>td>div>div>div

<textarea class="gwt-TextArea" style="height: 400px; width: 600px;" id="MyTarget"></textarea>

问题：

• textarea 的 html 不包含任何文本，我看到的肯定是别的东西
• 正如预期的那样 document.getElementById("MyTarget").value==""

标签： javascripthtmlgwttampermonkey

Answer 1

价值是您想要的属性，应该可以毫无问题地工作。

这是一个快速示例，展示了如何使用它。

document.getElementById('MyTarget').addEventListener("keyup", function() {
  let value = document.getElementById('MyTarget').value;
  document.getElementById('MyOutput').innerHTML = value;
})

<textarea class="gwt-TextArea" style="height: 100px; width: 200px;" id="MyTarget" onkeyup="window.keyup"></textarea>
<div id="MyOutput">

</div>