在 HTML 中，如何从 JavaScript 源代码获取变量值

Question

我需要获取在此 js 文件中设置的名为"占位符"的变量的值，第 740 行到 743 行。

该文件是通过我的 html 文件中的 <script> 标签调用的，我需要在它之后检索值，例如：

<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/11.0.14/js/intlTelInput.js"></script>
<script>
\ HERE
</script>

我已经尝试在intlTelInput.js文件的顶部声明一个名为"placeHold"的变量，认为它将是全局的，但是如果我在我的 Html 文件中alert(placeHold)，则不会播放任何内容。

谢谢

Answer 1

该插件将占位符放入 DOM 中。 在完成工作后将值提取回去。

$("#phone").intlTelInput();
console.log($("#phone").attr('placeholder'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/11.0.14/js/utils.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/11.0.14/css/intlTelInput.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/11.0.14/js/intlTelInput.js"></script>
<input id="phone" type="tel">

Answer 2

也许在这里陈述了你已经知道的内容，但placeholder的值用于设置 telInput 元素的占位符属性。如果您使用 intlTelInput.js 脚本来生成或管理有问题的输入元素，则检索占位符值应该相当简单，假设 intlTelInput.js 脚本已经填充了它：

var placeHold = document.querySelector(".some_tel_input").getAttribute("placeholder");