javascript - 是否可以将变量从一个 innerhtml 传递到另一个 innerhtml

Question

我正在开发的片段有四个带有javascript的内部html现在我的问题是我们可以从所有这些数据中获取所有这些数据并添加（如果整数）它们或连接（如果字符串）并显示在另一个div标签中

<script>
 document.getElementById('one').innerHTML = 10;
</script>    

<script>
 document.getElementById('one').innerHTML = 20;
</script>

<div id="one">    
</div>

<div id="two">    
</div>

<div id="three">
    now here i want the sum of the both one and two
</div>

任何人都可以帮助我是否可能，如果是的话怎么做......

Answer 1

是的，有可能..试试这个

 var x = document.getElementById('one').innerHTML = 10; 
 var y = document.getElementById('two').innerHTML = 20;
 document.getElementById('three').innerHTML = x + y;    

                        OR   
//Using jQuery
$('#one').html(10);  
$('#two').html(20);   
$('#three').html( parseInt($('#one').text()) +  parseInt($('#two').text()));

检查 FIDDLE JAVASCRIPT

检查 FIDDLE JQUERY

更新 您的标记应如下所示

<script>
 var x = document.getElementById('one').innerHTML = 10;
 var y = document.getElementById('one').innerHTML = 20; 
 document.getElementById('three').innerHTML = x + y;    
</script>   

<div id="one">    
</div>

<div id="two">    
</div>

<div id="three">
    now here i want the sum of the both one and two
</div>  

Answer 2

试试这个：

var x = 10;
var y = 20;
document.getElementById('one').innerHTML = x;
document.getElementById('two').innerHTML = y;
document.getElementById('three').innerHTML = x+y;

小提琴

Answer 3

document.getElementById('one').innerHTML +
document.getElementById('two').innerHTML +
document.getElementById('three').innerHTML +
document.getElementById('four').innerHTML;

它解决了吗？这是个什么样的问题？但上面只会连接，如果你想检查它是否是一个整数，那么你要编写一个 javascript 来检查是否是整数。

Answer 4

这会将<div id="three">innerHTML 设置为 和 的<div id="one">总和<div id="two">。如果您只需要连接（您在问题中同时提到连接和求和，因此不清楚您实际需要哪一个）两个 innerHTML 字符串，然后删除这些parseInt();函数。

<script>
document.getElementById('three').innerHTML = parseInt(document.getElementById('one').innerHTML) + parseInt(document.getElementById('two').innerHTML);
</script>