|
工作中,偶爾也會(huì)做做前臺(tái),每次都需要對(duì)一些簡(jiǎn)單的javascript和html標(biāo)簽進(jìn)行重新學(xué)習(xí),今天就稍微總結(jié)一下,主要是針對(duì)div的操作,也還包括一些其他基本控件。
一.div 1.設(shè)置div的顯示或隱藏 代碼片段document.getElementById("div1").style.display="none";//隱藏
document.getElementById("div2").style.display="";//顯示 當(dāng)然也可以直接用如下方式顯示: 代碼片段div1.style.display="none";//隱藏
div2.style.display="";//顯示2.innerHTML,outerHTML,innerText,outerText 關(guān)于這四者的區(qū)別,網(wǎng)上有段經(jīng)典的代碼: 代碼片段<div id="div">
<input name="button" value="Button" type="button"> <font color="green"> <h2>This is a DIV!</h2> </font> </div> <input name="innerHTML" value="innerHTML" type="button" OnClick="alert(div.innerHTML);"> <input name="outerHTML" value="outerHTML" type="button" OnClick="alert(div.outerHTML);"> <input name="innerText" value="innerText" type="button" OnClick="alert(div.innerText);"> <input name="outerText" value="outerText" type="button" OnClick="alert(div.outerText);"> 從中可以很清楚的看出四者各自的功能: 以下是引用片段document.getElementById("div3").innerHTML="<strong>hhh</strong>";
outerHTMl:包括div在內(nèi)的所有html標(biāo)簽 二.其他基本控件 假設(shè)頁(yè)面上有一個(gè)text輸入框: 代碼片段<input type="text" id="text1" value="" style="WIDTH:300px" maxlength=40>
style="WIDTH:300px":可以限定輸入框的顯示長(zhǎng)度 代碼片段document.getElementById("text1").value="輸入框";
值得注意的是,javascript是從頭到尾編譯的,因此在使用控件之前,一定要確保該控件已經(jīng)被加載到了頁(yè)面中。 |
|
|
來(lái)自: 破石頭 > 《我的圖書(shū)館》