将Javascript值设置为div_Javascript_Arrays_Node.js

将Javascript值设置为div

javascript arrays node.js

将Javascript值设置为div,javascript,arrays,node.js,Javascript,Arrays,Node.js,此脚本用于在查询电话号码时返回国家/地区。在浏览器控制台上；如果查询：e164.lookup（'12045551234'）它将返回对象{Country:“Canada”}我想在countrydiv中显示此结果，并从phonediv中获取电话号码值。这是代码！函数（）{ 变量t，e={ 1201:[“-4”，“美国”]， 1202:[“-4”，“美国”]， 1203:[“-4”，“美国”]， 1204:[“-4”，“加拿大”]， 1205:[“-4”，“美国”]， 1206:[“-4”，“美

此脚本用于在查询电话号码时返回国家/地区。在浏览器控制台上；如果查询：

e164.lookup（'12045551234'）

它将返回

对象{Country:“Canada”}

我想在

countrydiv

中显示此结果，并从

phonediv

中获取电话号码值。这是代码

！函数（）{
变量t，e={
1201:[“-4”，“美国”]，
1202:[“-4”，“美国”]，
1203:[“-4”，“美国”]，
1204:[“-4”，“加拿大”]，
1205:[“-4”，“美国”]，
1206:[“-4”，“美国”]，
1207:[“-4”，“美国”]，
};
t=函数（t）{
if（t.长度）{
var a，S=t.长度；
对于（S；S>=0；S-=1）
if（a=t.substring（0，S），e[a]）
返回{
国家：e[a][1]
}
}
}，“未定义”！=导出类型&&（exports.lookup=t），
“未定义”！=窗口类型&&（window.e164={
查找：t
})
}();

9956335486352
使用Javascript中的innerHTML
或innerText
属性将文本插入countrydiv
分区。这是我为你写的一个例子。谢谢：）
或
您当前正在创建函数后立即调用它。这对用户没有任何好处，因为调用函数时div中没有任何数据。如果我理解您想要完成的任务，那么您需要命名您的国家/地区查找函数（我们称之为查找），并且您需要在电话号码div中添加一个事件侦听器，以便在div的内容更改时调用该函数。如果您希望用户能够在这个div中输入电话号码，我还建议将您的div更改为一个输入字段，以确保onchange事件侦听器在更广泛的浏览器中工作
在浏览器兼容性方面，我使用querySelector而不是getElementById，因为在我的经验中它得到了更好的支持
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <link rel="stylesheet" href="">
    <script src="jquery-1.11.3.min.js" type="text/javascript" charset="utf-8" async defer></script>
</head>
<body>

<script type="text/javascript">
    function lookup () {
        var t, e = {
            1201: ["-4", "United States"],
            1202: ["-4", "United States"],
            1203: ["-4", "United States"],
            1204: ["-4", "Canada"],
            1205: ["-4", "United States"],
            1206: ["-4", "United States"],
            1207: ["-4", "United States"],
            };
        t = function(t) {
            if (t.length) {
                var a, S = t.length;
                for (S; S >= 0; S -= 1)
                    if (a = t.substring(0, S), e[a])
                        var countrydiv = document.querySelector("#countrydiv");
                        countrydiv.innerHTML = e[a][1];
                        return {
                             Country: e[a][1]
                        }
            }
        }, "undefined" != typeof exports && (exports.lookup = t),
        "undefined" != typeof window && (window.e164 = {
            lookup: t
        })
    }

    var phonediv = document.querySelector("#phonediv");
    phonediv.addEventListener("change", lookup);
    </script>
    <div id="phonediv">9956335486352</div>
    <div id="countrydiv"></div>
</body>
</html>


函数查找（）{
变量t，e={
1201:[“-4”，“美国”]，
1202:[“-4”，“美国”]，
1203:[“-4”，“美国”]，
1204:[“-4”，“加拿大”]，
1205:[“-4”，“美国”]，
1206:[“-4”，“美国”]，
1207:[“-4”，“美国”]，
};
t=函数（t）{
if（t.长度）{
var a，S=t.长度；
对于（S；S>=0；S-=1）
if（a=t.substring（0，S），e[a]）
var countrydiv=document.querySelector（“#countrydiv”）；
countrydiv.innerHTML=e[a][1]；
返回{
国家：e[a][1]
}
}
}，“未定义”！=导出类型&&（exports.lookup=t），
“未定义”！=窗口类型&&（window.e164={
查找：t
})
}
var phonediv=document.querySelector（“phonediv”）；
phonediv.addEventListener（“更改”，查找）；
9956335486352
合理的网络搜索无法回答的具体问题是什么？到目前为止你尝试了什么？出了什么问题？或者只是“我完全不知道怎么做，我的公司限制了对谷歌的访问”？这听起来比实际情况更糟：关键是用字符串更新HTML元素很容易搜索。为什么要费心把它嵌套在自己的对象中呢？只需返回名称string.document.getElementById（'countrydiv'）。innerHTML=Object.country；你是从某个乱七八糟的代码中得到这个代码的吗？建议给变量起一个有意义的名字。这个模式是NodeJS，我需要一个客户端实现。（不是这样工作的）。感谢客户端实现可能意味着很多事情。phone div是否在服务器端自动填充电话号码？如果是这样，为什么要使用客户端JS来检测电话号码所在的国家？如果您试图在用户输入电话号码后检测国家/地区，您将需要创建一个字段，用户可以按照我之前的建议首先使用html编辑该字段。如果还没有，请尝试更换
 var obj = e164.lookup('12045551234');
 var element = document.getElementById('countrydiv');
  element.innerHTML = obj.Country;

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <link rel="stylesheet" href="">
    <script src="jquery-1.11.3.min.js" type="text/javascript" charset="utf-8" async defer></script>
</head>
<body>

<script type="text/javascript">
    function lookup () {
        var t, e = {
            1201: ["-4", "United States"],
            1202: ["-4", "United States"],
            1203: ["-4", "United States"],
            1204: ["-4", "Canada"],
            1205: ["-4", "United States"],
            1206: ["-4", "United States"],
            1207: ["-4", "United States"],
            };
        t = function(t) {
            if (t.length) {
                var a, S = t.length;
                for (S; S >= 0; S -= 1)
                    if (a = t.substring(0, S), e[a])
                        var countrydiv = document.querySelector("#countrydiv");
                        countrydiv.innerHTML = e[a][1];
                        return {
                             Country: e[a][1]
                        }
            }
        }, "undefined" != typeof exports && (exports.lookup = t),
        "undefined" != typeof window && (window.e164 = {
            lookup: t
        })
    }

    var phonediv = document.querySelector("#phonediv");
    phonediv.addEventListener("change", lookup);
    </script>
    <div id="phonediv">9956335486352</div>
    <div id="countrydiv"></div>
</body>
</html>