html
>
<
htmllang=
"en"
>
<
head>
<
metacharset=
"utf-8"
>
<
title>title
title>
<
style>
#box
#txt
style>
head>
<
body>
<
divid=
"box"
>
<
inputtype=
"text"
id="txt"
value=
"">
<
inputtype=
"button"
value="搜尋
" id=
"btn"
>
div>
<
scriptsrc=
"../common.js"
>
script>
<
script>
varkeywords= [
"小楊才是最純潔的
", "
小楊才是最帥的
", "
小段是最猥瑣的
", "
小超是最齷齪的
", "
傳智播客是乙個培訓機構
", "
傳說在傳智有個很帥很純潔的小楊
", "
蘋果好吃
", "
蘋果此次召回還是沒有中國"];
addeventlistener(my$("txt"), "keyup",function()
vardiv
= document.createelement("div");
div.id
= "dv";
div.style.width
= "350px";
div.style.border
= "1px solid red";
//keywords[i]
的第乙個字元等於
text,
把keyword[i]
加到新陣列
vartext
=this.value;
vararr = ;
for(vari
= 0; i
<
keywords.length; i
++) }//
建立pfor(varj
= 0; j
<
arr.length; j
++)
//如果文字框是空的
,臨時陣列是空的
,不用建立
divif(text.length
== 0 ||
arr.length
== 0)}})
script>
body>
html>
javaScript DOM程式設計
1.獲取dom樹的根節點 2.getelementbyid 根據標籤的id獲取標籤元素和getelementsbytagname根據標籤名獲取標籤，返回的是陣列的形式 3.getelementsbynames 根據標籤的name屬性獲取標籤，返回的是陣列形式 有兩個input標籤，因此列印結果是2 ...
JavaScript DOM程式設計
dom document objective model 文字物件模型 例子 clickme 例子 先獲取某一指定的元素節點 再讀指定元素節點的屬性 設定指定元素節點的屬性的值 例子 你喜歡那個城市？你喜歡哪款單擊遊戲？name 先獲取某節點。用childnodes方法獲取指定元素節點的所有子節點。...
javascript DOM 獲取節點
1.獲取元素節點 1.1 通過元素節點的id屬性獲取 語法 document.getelementbyid 元素id屬性的值 例如 1.2 根據元素的名稱獲取,獲取的是所有為該名稱的元素節點組成的陣列，可以用陣列的方法操作該節點陣列 語法 document.getelementsbytagname ...