javascript - 如何在没有 id 的文本区域中输入随机值？

Question

我必须使用 grease monkey 脚本在网站的 textarea 中输入一个随机值文本区域没有 id 所以 document .getElementById 不起作用。

我可以使用其他方法吗？

我当前的 HTML 显示我的 textarea:

<tr>
    <td class="tdv pd5"><span class="tbg">
        Message</span>&nbsp;</span>
    </td>
    <td class="pd5">
        <textarea name="inpx_msg" class="msgbox"></textarea>
        <br />
        <div class="tsm">140 characters max.</div>
    </td>
</tr>

Answer 1

你可以使用 element.querySelector如果您希望能够使用 CSS 选择器专门针对某个元素，类似于此:

var textArea = document.querySelector('table tr td.pd5 textarea.msgbox');
textArea.value = "My Random Text";

上面的代码正在处理以下 HTML 示例:

<table>
    <tbody>
        <tr>
            <td class="tdv pd5"><span class="tbg">Message</span>&nbsp;</span>
            </td>
            <td class="pd5">
                <textarea name="inpx_msg" class="msgbox"></textarea>
                <br />
                <div class="tsm">140 characters max.</div>
            </td>
        </tr>
    </tbody>
</table>

---

DEMO - 使用 element.querySelector

---

当然，您现在可以将 CSS 选择器更改为您喜欢的任何内容以匹配您的 DOM 层次结构。使用 element.querySelector 有很大的灵 active 。