這次帶給大家JS動態操作HTML標記,JS動態操作HTML標記的注意事項有哪些,下面就是實戰案例,一起來看一下。
一 介紹
動態加入一個HTML標記可以使用createElement()
方法來實作。
CreateElement()
方法可以根據一個指定的類型來建立一個HTML標記。
語法:
sElement=<a href="http://www.php.cn/code/658.html" target="_blank">document</a>.createElement(sName)
sElement :用來接收該方法傳回的一個物件。
sName:用來設定HTML標記的型別和基本屬性。
二應用
動態新增一個文字方塊
本範例透過點擊「動態新增文字」按鈕,將在頁面中動態新增一個文字方塊。
三 程式碼
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>动态添加HTML标记</title> <script language="javascript"> <!-- function addText() { var txt=document.createElement("input"); txt.type="text"; txt.name="txt"; txt.value="动态添加的文本框"; document.fm1.appendChild(txt); } --> </script> </head> <body> <form name="fm1"> <input type="button" name="btn1" value="动态添加文本框" onclick="addText();" /> </form> </body> </html>
相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
推薦閱讀:
以上是JS動態操作HTML標記的詳細內容。更多資訊請關注PHP中文網其他相關文章!