javascript - 如何全局存储一个 div ID 值

Question

我正在创建一个应用程序，它使用相同的数字键盘来使用 javascript 填写两个单独的文本样式表单值。

我找到了如何收集一个用于函数内部的 div ID(比如切换隐藏值)，但我需要以某种方式保存这个值，以便我可以知道在数字出现时将其放入哪个字段中。

我尝试为此使用全局变量，但它似乎不起作用，因为 ID 似乎没有记录为字符串值。

我正在使用的代码确实会切换显示/隐藏属性，但是如果我使用警告框弹出我用作存储的变量，它会读取 [object HTMLDivElement]

我的脚本看起来像这样(请记住，我是 javascript 的菜鸟)。

<script type="text/javascript">
    <!--
    keypad.display="none";
    //Classes for the numberpad on the text fields.

        var padName = ""; //Storage for the name of the current pad.

        function numPad(field) {
            var pad = document.getElementById("keypad"); //manipulating pad.
            var ref = document.getElementById(field);//gather the field info.
            if (pad.style.display == "block") { //Open or close?
                pad.style.display = "none"; //Blank out.
                padName = "";   
            }
            else {
                pad.style.display = "block";//Set to refer to correct field.
                padname = ref;
                alert (ref); 
            }
        }

        function click(id) {
            var key = document.getElementById(id);
            var total = padName.value();
            if (key == "Backspace") total.slice(0, -1);
            else if (key == "Enter") numPad("blanck");
            else total += key;
            padName.value = total;
        }
    -->
</script>

Answer 1

// to get the ID by direct property access of the DOM element
var ref = document.getElementById(field).id;

然后 ref 存储 ID 值。

我建议:

// create an object to store app-wide settings
// access properties like this: appSettings.propertyName
var appSettings = { padName: "" };

...

var ref = document.getElementById(field).id;
appSettings.padName = ref;

避免污染全局命名空间。

要获取/设置 pad 的值，您需要执行以下操作:

// to get
var total = document.getElementById(appSettings.padName).value;

// to set
document.getElementById(appSettings.padName).value = "something";

您应该阅读 DOM 对象和属性。