|
用法：
比如在<body>中寫了如下的代碼：
<div id=top></div>
現(xiàn)在用top.innerHTML="..........";的方法就可以向這個(gè)id的位置寫入HTML代碼了。
例如top.innerHTML="<input type="button" name="我很帥" value="說的對(duì)">";就可以在top對(duì)應(yīng)的位置出現(xiàn)一個(gè)button了！
爽吧，在公告前加javascript就行老，直接改HTML。。。
<html>
<head>
<script>
function Test(){
var str="";
str+="Hello,";
str+="This is a Test!<br />";
str+="I Love you;<br />";
str+="I Love you,too!";
p.innerHTML=str+"<br /><br />"+Math.random();
setTimeout('Test();',1000);
}
</script>
</head>
<body onload=Test();>
<span id="p"></span>
</doby>
</html>
innerHTML和innerText有什么作用？
用javascript可以控制顯示一個(gè)HTML表單如text,textarea,等里面的文字，
如： document.all.表單ID.value="ABC";
但如何控制在頁面上顯示的文字呢？
這時(shí)就要用到innerHTML或innerText
<div id="div1"></div><p>
<div id="div2"></div>
<script>
document.all.div2.innerText="<font color=#ff0000>AAA</font>"; //可以這樣動(dòng)態(tài)修改，純文字格式
document.all.div1.innerHTML="<font color=#ff0000>AAA</font>"; //HTML格式，動(dòng)態(tài)生成一個(gè)表格也行
</script>
（1）對(duì)div標(biāo)簽的控制
div標(biāo)簽跟span標(biāo)簽是不一樣的，div是一個(gè)層的塊，span是一行，我們下面看演示就知道區(qū)別了。先來看一段控制div的代碼。
<script language="javascript">
function chageDiv(number)
{
if (number == 1) {
document.getElementById("div1").innerHTML = "值為1";
}
if (number == 2) {
document.getElementById("div1").innerHTML = "值為2";
}
}
</script>
DIV塊測試：<div id="div1">默認(rèn)值</div>
<a href="#" onClick="chageDiv(1)">改變值為1</a>
<a href="#" onClick="chageDiv(2)">改變值為2</a>
運(yùn)行的時(shí)候，點(diǎn)擊“改變值為1”那么“默認(rèn)值”這個(gè)內(nèi)容將會(huì)被改變?yōu)椤爸禐?”，但是注意其中的界面，就是會(huì)發(fā)現(xiàn)“DIV測試：”和“默認(rèn)值”是兩行顯示的，因?yàn)镈IV是按塊來顯示的。
（2）對(duì)span的控制
與div類似，但是它是按照行來顯示的，看下面的代碼：
function chageSpan(number)
{
if (number == 1) {
document.getElementById("span1").innerHTML = "值為1";
}
if (number == 2) {
document.getElementById("span1").innerHTML = "值為2";
}
}
</script>
Span行測試：
<span id="span1">默認(rèn)值</span><br>
<a href="#" onClick="chageSpan(1)">改變值為1</a>
<a href="#" onClick="chageSpan(2)">改變值為2</a>
當(dāng)點(diǎn)擊“改變值為1”的時(shí)候，“默認(rèn)值”將變?yōu)椤爸禐?”，但是“Span行測試”和“默認(rèn)值”是在同一行顯示的，跟DIV不一樣。
另外一個(gè)值得注意的就是，不管是div還是span，后面的名字都是以為id來定義的，不是象表單一樣是使用name來定義的。
用innerHTML這樣就可以實(shí)現(xiàn)動(dòng)態(tài)table的效果：
<div id=div1></div>
<input type=button value=Test onclick=InsertHtml()>
<script language=JScript>
var strHTML = "<Table><Tr>";
strHTML += "<Td bgColor=#000000 Height=100px Width=100px>fadsf</Td>";
strHTML += "</Tr></Table>";
function InsertHtml()
{
document.all.div1.innerHTML = strHTML;
}
</script>
http://blog.csdn.net/l_courser/article/details/2156057
|
