javascript选择器无法正常工作

Question

我有这个元素,它是由mcssl checkout表单自动生成的.这是一个自定义字段.

var form_field_gclid = document.getElementById("#ctl00_ctl00_mainContent_scPageContent_customFieldsControl_customFieldsRepeater_ctl00_customFieldTextBox");; 
       console.log(form_field_gclid);

<input name="ctl00$ctl00$mainContent$scPageContent$customFieldsControl$customFieldsRepeater$ctl00$customFieldTextBox" type="text" maxlength="200" size="50" id="ctl00_ctl00_mainContent_scPageContent_customFieldsControl_customFieldsRepeater_ctl00_customFieldTextBox" class="text">

我试图用这样的javascript选择它:

但是我得到null了结果.我也试过,document.querySelectorAll(...);但结果相同.当我从控制台尝试它时,它正在工作,但我想知道如果它在页面javascript上它将无法工作.任何想法,将不胜感激.谢谢.

编辑:

我试图摆脱#符号,但结果相同.

<script type="text/javascript">
(function() {

  var form_field_test = document.getElementById("ctl00_ctl00_mainContent_scPageContent_customFieldsControl_customFieldsRepeater_ctl00_customFieldTextBox");; 
   console.log(form_field_test);
}());
</script>

这是完整的脚本,我正在使用.

Answer 1

你不需要#打电话给你document.getElementById.只需删除它.

var form_field_gclid = document.getElementById("ctl00_ctl00_mainContent_scPageContent_customFieldsControl_customFieldsRepeater_ctl00_customFieldTextBox");

但是,如果您使用的是jQuery,则需要它:

var myElement = $('#myElementId');

但由于您使用的是vanilla JS,只需将元素id作为字符串传递即可.