时间戳

首页 > 解决方案 > Intl Tel Input Uncaught TypeError：无法在 intlTelInput.js:1282 处的新 Iti (intlTelInput.js:146) 处读取 null 的属性“getAttribute”

javascript - Intl Tel Input Uncaught TypeError：无法在 intlTelInput.js:1282 处的新 Iti (intlTelInput.js:146) 处读取 null 的属性“getAttribute”

问题描述

<link rel="stylesheet" href="styles/intlTelInput.scss">
<input type="tel" required id="#consultPhone">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/15.0.0/js/intlTelInput.js"></script>
  <script src="scripts/scripts.js"></script>
  <script type="text/javascript">
    var consultInput = document.querySelector('#consultPhone');
    var iti = window.intlTelInput(consultInput, {
      separateDialCode:true,
      utilsScript: "https://cdn.jsdelivr.net/npm/intl-tel-input@17.0.3/build/js/utils.js",
    });
    window.iti = iti;
  </script>

所以这是我的代码，当我打开页面时，输入为空，我收到此错误：Uncaught TypeError: Cannot read property 'getAttribute' of null at new Iti (intlTelInput.js:146 at intlTelInput.js:1282 at index. html:973

标签： javascript

解决方案

基本上我很愚蠢，忘记从 id 中删除主题标签

推荐阅读