Question

警报显示，但值没有改变....为什么？

<html>
    <head>
        <title>Test EuDock</title>
    </head>
    <body >
        <label id="labelID">test</label>
        <script type="text/javascript" >

            document.onkeyup = KeyCheck;

            function KeyCheck(e) {

                var KeyID = (window.event) ? event.keyCode : e.keyCode;

                switch(KeyID)
                {
                    case 39: // right arrow
                        document.getElementById('labelID').value="BLZ";
                        alert('ok');
                        break;
                }

            }
        </script>
    </body>
</html>

Answer 1

只有input个元素具有属性value。你想要innerHTML：

document.getElementById('labelID').innerHTML="BLZ";

innerHTML是唯一属性supported by all browsers。

innerText is not supported by Firefox和textContent is not supported by <= IE8。

Answer 2

我认为value不是DOM中为HTML元素定义的属性。请尝试分配到.innerHTML，我想你会得到你想要的结果。

Answer 3

请改为尝试：

document.getElementById('labelID').innerText ="BLZ";

Answer 4

label元素没有value属性。请改用document.getElementById('labelID').innerHTML="BLZ";。

如何在运行时更改标签值？

4 个答案: