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

时间:2012-09-27 07:30:32

标签: javascript jquery html html5

我正在开发的代码片段有四个内部htmls和javascript现在我的问题是我们可以从所有这些数据中获取所有这些数据并添加(如果是整数)它们或concatinate(如果是字符串)和显示在另一个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>

任何人都可以帮助我是否有可能如果是的话......

4 个答案:

答案 0 :(得分: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()));

Check FIDDLE JAVASCRIPT

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

答案 1 :(得分:0)

试试这个:

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

Fiddle

答案 2 :(得分:0)

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

它解决了吗?这有什么问题?但上面只会连接,如果你想检查它是否是一个整数然后你转到写一个javascript来检查整数。

答案 3 :(得分:0)

这会将<div id="three"> innerHTML设置为<div id="one"><div id="two">的总和。如果你需要连接(在你的问题中提到 concatenate sum ,那么你不清楚你实际需要哪一个)两个innerHTML字符串然后删除{{1函数。

parseInt();