JS動態操作HTML標記

來源：懂視網責編：小采時間：2020-11-27 19:51:06

JS動態操作HTML標記

JS動態操作HTML標記:這次給大家帶來JS動態操作HTML標記，JS動態操作HTML標記的注意事項有哪些，下面就是實戰案例，一起來看一下。一介紹動態添加一個HTML標記可以使用createElement()方法來實現。CreateElement()方法可以根據一個指定的類型來創建一個HTML標記。語法：sE

推薦度：

點擊下載本文 文檔為doc格式

導讀JS動態操作HTML標記:這次給大家帶來JS動態操作HTML標記，JS動態操作HTML標記的注意事項有哪些，下面就是實戰案例，一起來看一下。一介紹動態添加一個HTML標記可以使用createElement()方法來實現。CreateElement()方法可以根據一個指定的類型來創建一個HTML標記。語法：sE

這次給大家帶來JS動態操作HTML標記，JS動態操作HTML標記的注意事項有哪些，下面就是實戰案例，一起來看一下。

一介紹

動態添加一個HTML標記可以使用createElement()方法來實現。

CreateElement()方法可以根據一個指定的類型來創建一個HTML標記。

語法：

sElement=document.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>

相信看了本文案例你已經掌握了方法，更多精彩請關注Gxl網其它相關文章！

JS動態操作HTML標記

推薦度：

點擊下載本文 文檔為doc格式

標簽：標記動態 js

熱門焦點

JS動態操作HTML標記

JS動態操作HTML標記

JS動態操作HTML標記

最新推薦

猜你喜歡

熱門推薦