javascript - 如何在运行时更改标签值?

标签 javascript html events

警报正在显示,但值没有改变....为什么?

<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>

最佳答案

只有 input 元素具有属性 value。你要innerHTML :

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

innerHTML 是唯一的 supported by all browsers 属性.

innerText is not supported by FirefoxtextContent is not supported by <= IE8 .

关于javascript - 如何在运行时更改标签值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3737674/

相关文章:

javascript - 在外部 JS 文件中使用 $ 或 JQuery 关键字

html - 在 div 元素 CSS 中垂直对齐文本中间

java - 网页更新不会部署在我的 netbeans java web 项目中

javascript - 单击链接会触发哪些其他事件

javascript - 批量加载时向 THREE.Mesh() 添加名称时出现问题

javascript - 无法通过ajax获取完整数组

javascript - 鼠标悬停时替换部分 URL 以获取原始尺寸图像

css - Bootstrap 4 - 带选项卡的模态标题 - 如何降低标题高度

javascript - ExtJs - 无法对 DOM 上下文菜单使用 fireEvent

c# - 引发类型实现接口(interface)的对象的事件