js如何把值传给HTML呢

js怎么把值传给HTML呢？

JScript code

如：var a =3;var b =4;alert(b-a);

我要把这个1的值传给HTML里面的元素要怎么做

HTML code

&lt;html xmlns="http://www.w3.org/1999/xhtml" &gt;&lt;head&gt;    &lt;meta http-equiv="content-type" content="text/html; charset=utf-8"/&gt;        &lt;title&gt;&lt;/title&gt;      &lt;link href="dock.css" rel="stylesheet" type="text/css" /&gt;      &lt;script type="text/javascript" src="js.js"&gt;&lt;/script&gt;&lt;/head&gt;&lt;body&gt;     &lt;div id="bar"&gt;         在这里我要显示JS计算出来的结果  &lt;/div&gt;&lt;/body&gt;&lt;/html&gt;

[解决办法]
<div id="bar">

在这里我要显示JS计算出来的结果--定义元素例如<s:textfield id="XX" name="XX"/>
</div>

JS
var ss = document.getElementById('XX');
ss.value='SSS';
[解决办法]

JScript code

document.getElementById('bar').innerHTML = b-a;
[解决办法]
document.getElementById('bar').innerHTML = stt;//stt 你要显示的内容
[解决办法]
也可以定义&lt;span id="XX"&gt;&lt;/span&gt;
JS
XX.innerHTML=....
[解决办法]

var result=b-a;
document.getElementById('bar').innerHTML =result;
[解决办法]
这样的结果,或许是你忽略了解析html的执行的顺序,从上到下解析,而解析到script脚本的时候,根本就没有事件调用他,而在body里面才会有你的控件,所以你要显示的时候达到你的效果可以在script写
     window.onload = function(){
document.getElementById("bar").innerHTML="21312312";
};
或者你把你的script代码写在body里面,就是body后面
&lt;body&gt;
   &lt;div id="bar"&gt;
  
   &lt;/div&gt;
   &lt;script language="javascript"&gt;
document.getElementById("bar").innerHTML="21312312";
&lt;/script&gt;
&lt;/body&gt;
[解决办法]
用jquery
var str = '内容';//这里可以写一段html的标签，或者文字什么的，比如‘&lt;table&gt;&lt;tr&gt;&lt;td&gt;内容&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;’
$('#bar').appent(str);
[解决办法]
var a = 4;
var b = 3;  

window.onload = function(){
  document.getElementById("bar").innerHTML = b-a;
  };

[解决办法]
是浏览器兼容问题吧！
[解决办法]
主要是该javascript有没有执行的问题吧。10楼的方案貌似可行。

js如何把值传给HTML呢

热点推荐