同桌上课用手指进去了好爽_欧美丰满熟妇xxⅹⅹ性大i_成人av天天日天天拍拍_猛男gay帅男gay男男同志_欧美va天堂在线观看_人妻无码av中文系列三里桃花_亚欧免费无码在线观看_久久久精品国产亚洲av水_日韩在线免费看污污污_2021无码专区人妻系列日韩

首頁(yè) 優(yōu)化推廣 innerhtml 用法

innerhtml 用法

來源: | 時(shí)間:2010/8/3 16:55:27 |

比如在<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 Test(){
        var str="";
        str+="Hello,";
        str+="This is Test!<br />";
        str+="I Love you;<br />";
        str+="I Love you,too!";
        p.innerHTML=str+"<br /><br />"+Math.random();
        setTimeout('Test();',1000);
}
</scrīpt>
</head>
<body onload=Test();>
<span id="p"></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 language="javascrīpt">
function chageDiv(number)
{
 if (number == 1) {
  document.getElementByIdx("div1").innerHTML "值為1";
 }
 if (number == 2) {
  document.getElementByIdx("div1").innerHTML "值為2";
 }
}
</scrīpt>

 

DIV塊測(cè)試:<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)?ldquo;值為1”,但是注意其中的界面,就是會(huì)發(fā)現(xiàn)“DIV測(cè)試:”和“默認(rèn)值”是兩行顯示的,因?yàn)镈IV是按塊來顯示的。

(2)對(duì)span的控制

與div類似,但是它是按照行來顯示的,看下面的代碼:

function chageSpan(number)
{
 if (number == 1) {
  document.getElementByIdx("span1").innerHTML "值為1";
 }
 if (number == 2) {
  document.getElementByIdx("span1").innerHTML "值為2";
 }
}
</scrīpt>


Span行測(cè)試:

<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)?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>

服務(wù)熱線

153 8323 9821

功能和特性

價(jià)格和優(yōu)惠

網(wǎng)站和維護(hù)

推廣和優(yōu)化

微信服務(wù)號(hào)