新增標籤2 jquery 和JS

2022-09-02 07:48:07 字數 3937 閱讀 4373

tag新增標籤 做了個方法方便呼叫

一、js版本

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>建立元素

title

>

<

script

>

window.onload

=function

()

else

abtn.onclick

=function

() ;

//先判斷是否存在,再進行操作

if(arrs.in_array(ainput.value)

/*有重複返回ture

*/)

else

if(arrs.length

>n -

1)

else

; delli(btna);

//刪除的方法

ainput.value =""

; //

清空input

}

varbtna

=oul.getelementsbytagname("a

");//刪除標籤方法

function

delli(e) }};

//indexof()相容寫法if(

!array.prototype.indexof)

//從fromindex起迴圈陣列

while

(fromindex

<

len)

fromindex++;

}//當陣列長度為0時返回不存在的訊號:-1

if(len

===0

) }

}//相容瀏覽器獲取節點文字的方法

function

text(e)

//返回區配的文字

return

t; }

};addtags(

"input",

"btn",

"oul");

addtags(

"input1",

"btn1",

"oul1",

5);}

script

>

head

>

<

body

>

<

input

type

="text"

value

=""id

="input"

>

<

input

type

="button"

value

="新增"

id="btn"

>

<

ul id

="oul"

>

ul>

<

div

style

="height: 10px; background-color: #000;"

>

div>

<

input

type

="text"

value

=""id

="input1"

>

<

input

type

="button"

value

="新增"

id="btn1"

>

<

ul id

="oul1"

>

ul>

body

>

html

>

二、jquery版本

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>jquery.tag

title

>

<

script

src=""

>

script

>

head

>

<

body

>

<

script

>

$(function

()

else

abtn.click(

function

()

else

else

if(ainput.val()

==""

) else

; }

ainput.val(

"");

//清空input

vardelbtn

=oul.find("li

").find(

"a.del");

//刪除標籤方法

function

delli(e)

}

//解決indexof在ie78中不能使用

if (!array.indexof)

}return -1;}}

};

delli(delbtn);

});};

//使用addtag方法

addtags(

"input",

"btn",

"oul");

addtags(

"input1",

"btn1",

"oul1",

5);})

script

>

//////////////////////第乙個//////////////////////////

<

br>

<

input

type

="text"

value

=""id

="input"

>

<

input

type

="button"

value

="新增"

id="btn"

>

<

ul id

="oul"

>

ul>

<

br>

//////////////////////第二個//////////////////////////

<

br>

<

input

type

="text"

value

=""id

="input1"

>

<

input

type

="button"

value

="新增"

id="btn1"

>

<

ul id

="oul1"

>

ul>

body

>

html

>

jq新增標籤屬性 jquery如何增加標籤屬性?

jquery中可以使用attr 方法為標籤新增屬性。在jquery中使用 selector attr attribute,value 方法即可設定標籤屬性。jquery中可以使用attr 方法為標籤新增屬性。1 attr 屬性名 獲取屬性的值 取得第乙個匹配元素的屬性值。通過這個方法可以方便地從第乙...

HTML5不支援標籤和新增標籤

1 html5不支援或不贊成使用的標籤 定義只取首字母的縮寫,html5 不支援。使用定義縮寫代替,其中title 屬性可用於在滑鼠指標移動到元素上時顯示出縮寫的完整版本,堅持寫上title,這樣對瀏覽器和搜尋引擎都比較友好。定義規定粗體文字。支援但根據 html5 規範,在沒有其他合適標籤更合適時...

HTML5新增標籤總結和說明

摘要 html5出來這麼久,都沒有真正的理解和花時間去看,經常看到一些網頁的裡面包含很多陌生的標籤元素,一直不清楚是什麼功能。像 其實這兩個標籤和的功能一樣僅僅是乙個塊級元素沒有任何的樣式和功能事件上的特點完全可以理解為div,但是html5為什麼要增加這些看似 毫無作用 標籤呢。標籤標記意義及用法...