怎么让图2 label显示图1 label的数值啊,图1 label的值是动态的

img

img


怎么让图2 label显示图1 label的数值啊,图1 label的值是动态的。
我用新的变量去接收总是接收不到,一直显示我创建label时的值。

这两个label在两个类里面,每次用变量接收都是0。怎么解决

  • 以下回答由chatgpt基于相关博客总结生成:

    对于让一个动态变化的Label的值能够在另一个Label上实时显示的问题,可以通过以下方法解决:

    1. 使用JavaScript或jQuery监听动态变化的Label,获取其变化的值,并将其赋值给另一个Label。可以使用setInterval方法或者DOM的MutationObserver来监听。 示例代码: HTML: JavaScript: function updateLabel() { var dynamicLabel = document.getElementById("label1"); var staticLabel = document.getElementById("label2"); staticLabel.innerHTML = dynamicLabel.innerHTML; } setInterval(updateLabel, 1000); //每秒更新一次

    2. 在动态变化的Label的值改变时触发一个自定义事件,然后在另一个Label上监听该事件,获取其传递的值,并将其赋值给另一个Label。可以使用customEvent和dispatchEvent方法来自定义和触发事件,使用addEventListener方法来监听事件。 示例代码: HTML: JavaScript: //定义和触发自定义事件 var dynamicLabel = document.getElementById("label1"); var event = new CustomEvent('labelChange', {detail: dynamicLabel.innerHTML}); dynamicLabel.dispatchEvent(event); //监听自定义事件并更新另一个Label的值 var staticLabel = document.getElementById("label2"); dynamicLabel.addEventListener('labelChange', function(e) { staticLabel.innerHTML = e.detail; });

    如果动态变化的Label是通过用户输入来实现的,也可以直接在输入事件(如keyup、change事件)中将输入的值赋值给另一个Label。