服務(wù)熱線
153 8323 9821
比如在<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了!
爽吧,在公告前加javascrīpt就行老,直接改HTML。。。
<html>
<head>
<scrīpt>
function
}
</scrīpt>
</head>
<body
<span
</doby>
</html>
innerHTML和innerText有什么作用?
用javascrīpt可以控制顯示一個(gè)HTML表單如text,textarea,等里面的文字,
如: document.all.表單ID.value="ABC";
但如何控制在頁(yè)面上顯示的文字呢?
這時(shí)就要用到innerHTML或innerText
<div id="div1"></div><p>
<div id="div2"></div>
<scrīpt>
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è)表格也行
</scrīpt>
(1)對(duì)div標(biāo)簽的控制
div標(biāo)簽跟span標(biāo)簽是不一樣的,div是一個(gè)層的塊,span是一行,我們下面看演示就知道區(qū)別了。先來看一段控制div的代碼。
<scrīpt
function
{
}
</scrīpt>
DIV塊測(cè)試:<div
<a
<a
運(yùn)行的時(shí)候,點(diǎn)擊“改變值為1”那么“默認(rèn)值”這個(gè)內(nèi)容將會(huì)被改變?yōu)?ldquo;值為1”,但是注意其中的界面,就是會(huì)發(fā)現(xiàn)“DIV測(cè)試:”和“默認(rèn)值”是兩行顯示的,因?yàn)镈IV是按塊來顯示的。
(2)對(duì)span的控制
與div類似,但是它是按照行來顯示的,看下面的代碼:
function
{
}
</scrīpt>
Span行測(cè)試:
<span
<a
<a
當(dāng)點(diǎn)擊“改變值為1”的時(shí)候,“默認(rèn)值”將變?yōu)?ldquo;值為1”,但是“Span行測(cè)試”和“默認(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 ōnclick=InsertHtml()>
<scrīpt language=Jscrīpt>
var strHTML = "<Table><Tr>";
strHTML += "<Td bgColor=#000000 Height=100px Width=100px>fadsf</Td>";
strHTML += "</Tr></Table>";
function InsertHtml()
{
document.all.div1.innerHTML = strHTML;
}
</scrīpt>