getElementbyId() 不适用于某些文本框类型答案

【问题标题】：getElementbyId() is not working for certain text box typegetElementbyId() 不适用于某些文本框类型
【发布时间】：2020-08-17 12:42:11
【问题描述】：

您好，我正在尝试在记事本中创建模板，我可以将其复制并粘贴到控制台中，以自动填充网络表单以减少输入时间。我纯粹使用 getElementByID().value，但是它不适用于某种类型的文本框。

Image of Textbox type

这是我检查元素时的代码：

<body class="ms-formbody" scroll="yes" style="margin: 0px; border: currentColor; background-color: white;" contenteditable="true" RestrictedMode="true" BaseElementID="Full_x0020_description_x0020_of__9345dd13-8d85-4a88-8fcd-a90356258f96_$TextField" WebLocale="1033"><div></div></body>

所以document.getElementById("Full_x0020_description_x0020_of__9345dd13-8d85-4a88-8fcd-a90356258f96_$TextField").value = "example";

粘贴到控制台尝试自动填充时不起作用。

有什么想法吗？

【问题讨论】：

添加id 喜欢<body class="ms-formbody" id="test" ....
.value 仅适用于输入，而且您没有具有该 ID 的元素 - 相反，您似乎设置了 BaseElementID 属性
它不是 HTML 中的 id...
由于一个文档中只有一个body元素，所以直接使用document.body引用即可。

标签： javascript html templates notepad

【解决方案1】：

试试 javascript

document.querySelector('[attribute_name="attribute_value"]');

var elements = document.querySelector('[BaseElementID="Full_x0020_description_x0020_of__9345dd13-8d85-4a88-8fcd-a90356258f96_$TextField"]');
elements.textContent="example";

&lt;body class="ms-formbody" scroll="yes" style="margin: 0px; border: currentColor; background-color: white;" contenteditable="true" RestrictedMode="true" BaseElementID="Full_x0020_description_x0020_of__9345dd13-8d85-4a88-8fcd-a90356258f96_$TextField" WebLocale="1033"&gt;&lt;div&gt;&lt;/div&gt;&lt;/body&gt;

尝试在 jquery 中按属性获取元素。

$('[attribute_name="attribute_value"]')

$('[BaseElementID="Full_x0020_description_x0020_of__9345dd13-8d85-4a88-8fcd-a90356258f96_$TextField"]').text("example");

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<body class="ms-formbody" scroll="yes" style="margin: 0px; border: currentColor; background-color: white;" contenteditable="true" RestrictedMode="true" BaseElementID="Full_x0020_description_x0020_of__9345dd13-8d85-4a88-8fcd-a90356258f96_$TextField" WebLocale="1033"><div></div></body>

【讨论】：

这个问题没有用 JQuery 标记，这里真正需要的是document.body。
我在 javascript 和 jqurey 中都添加了答案，请试试这个 :) @Michael Grey