js創(chuàng)建元素（節(jié)點(diǎn)）示例
更新時(shí)間：2014年01月02日 17:14:29 作者：
本文為大家介紹下使用js是如何創(chuàng)建元素（節(jié)點(diǎn)）的，感興趣的朋友不要錯(cuò)過(guò)
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jquery2</title>
<script type="text/javascript">
//創(chuàng)建節(jié)點(diǎn)
var addItems = function() {
document.getElementById("div1").innerHTML = "";
var value = parseInt(document.getElementById('itemsNumber').value);
for (var i = 0; i < value; i++) {
var input = document.createElement("input");
input.setAttribute("type", "text");
var br = document.createElement("br");
document.getElementById("div1").appendChild(input);
document.getElementById("div1").appendChild(br);
}
}
</script>
</head>
<body>
<input type="text" id="itemsNumber">
<input type="button" id="btn" value="click" onclick="addItems();" >
<div id="div1"></div>
</body>
</html>
您可能感興趣的文章:
- JS動(dòng)態(tài)創(chuàng)建元素的兩種方法
- JS中動(dòng)態(tài)創(chuàng)建元素的三種方法總結(jié)(推薦)
- 淺析JS動(dòng)態(tài)創(chuàng)建元素【兩種方法】
- JavaScript數(shù)組Array對(duì)象增加和刪除元素方法總結(jié)
- JS 添加刪除元素的實(shí)現(xiàn)代碼
- js中數(shù)組插入、刪除元素操作的方法
- javascript動(dòng)態(tài)創(chuàng)建及刪除元素的方法
- javascript刪除元素節(jié)點(diǎn)removeChild()用法實(shí)例
- JavaScript實(shí)現(xiàn)添加、查找、刪除元素
- javascript創(chuàng)建元素和刪除元素實(shí)例小結(jié)
相關(guān)文章
JavaScript?函數(shù)表達(dá)式與函數(shù)聲明的用法及區(qū)別
這篇文章主要介紹了JavaScript?函數(shù)表達(dá)式與函數(shù)聲明詳析，函數(shù)表達(dá)式和函數(shù)聲明是JavaScript中創(chuàng)建函數(shù)的兩種方法，下面文章具體的相關(guān)內(nèi)容介紹，需要的小伙伴可以參考一下2022-06-06
這篇文章主要為大家詳細(xì)介紹了BootStrap表單的制作代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
大家平時(shí)在開發(fā)的時(shí)候有沒(méi)被new?Date()折磨過(guò)，反正我是踩過(guò)很多坑，今天小編通過(guò)本文給大家詳細(xì)講解下new?date()方法應(yīng)用思考，感興趣的朋友一起看看吧2023-04-04
這篇文章主要介紹了js判斷上傳文件類型判斷FileUpload文件類型代碼,需要的朋友可以參考下2014-05-05
JavaScript學(xué)習(xí)筆記--常用的互動(dòng)方法
本文對(duì)JavaScript中常用的互動(dòng)方法進(jìn)行實(shí)例分析介紹，圖文并茂，有需要的朋友可以看下2016-12-12
簡(jiǎn)略的前端架構(gòu)心得&&基于editor為例子的編碼小技巧
這一陣事情有點(diǎn)多，沒(méi)來(lái)的及更新神馬東西。今天分享兩個(gè)ppt吧。主要內(nèi)容是關(guān)于一些編碼的小技巧，另一個(gè)關(guān)于前端架構(gòu)的一些些東西。2010-11-11
JavaScript學(xué)習(xí)總結(jié)(一) ECMAScript、BOM、DOM（核心、瀏覽器對(duì)象模型與文檔對(duì)象模型）
JavaScript是一種解釋執(zhí)行的腳本語(yǔ)言，是一種動(dòng)態(tài)類型、弱類型、基于原型的語(yǔ)言，內(nèi)置支持類型，它遵循ECMAScript標(biāo)準(zhǔn)。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語(yǔ)言，主要用來(lái)給HTML增加動(dòng)態(tài)功能2018-01-01
跟我學(xué)習(xí)javascript的基本類型和引用類型
跟我學(xué)習(xí)javascript的基本類型和引用類型，利用圖解的方式，告訴大家javascript的基本類型和引用類型的區(qū)別和聯(lián)系，感興趣的小伙伴們可以參考一下2015-11-11
JavaScript實(shí)現(xiàn)環(huán)繞鼠標(biāo)旋轉(zhuǎn)效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)環(huán)繞鼠標(biāo)旋轉(zhuǎn)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-01-01
這篇文章主要介紹了Bootstrap實(shí)現(xiàn)彈性搜索框的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07