js創(chuàng)建元素(節(jié)點)示例
更新時間:2014年01月02日 17:14:29 作者:
本文為大家介紹下使用js是如何創(chuàng)建元素(節(jié)點)的,感興趣的朋友不要錯過
復(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é)點
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動態(tài)創(chuàng)建元素的兩種方法
- JS中動態(tài)創(chuàng)建元素的三種方法總結(jié)(推薦)
- 淺析JS動態(tài)創(chuàng)建元素【兩種方法】
- JavaScript數(shù)組Array對象增加和刪除元素方法總結(jié)
- JS 添加刪除元素的實現(xiàn)代碼
- js中數(shù)組插入、刪除元素操作的方法
- javascript動態(tài)創(chuàng)建及刪除元素的方法
- javascript刪除元素節(jié)點removeChild()用法實例
- JavaScript實現(xiàn)添加、查找、刪除元素
- javascript創(chuàng)建元素和刪除元素實例小結(jié)
相關(guān)文章
微信小程序?qū)崿F(xiàn)動態(tài)獲取元素寬高的方法分析
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)動態(tài)獲取元素寬高的方法,結(jié)合實例形式分析了微信小程序動態(tài)獲取、設(shè)置元素寬高的相關(guān)操作技巧與注意事項,需要的朋友可以參考下2018-12-12JavaScript建立一個語法高亮輸入框?qū)崿F(xiàn)思路
通常網(wǎng)站自帶的textarea編輯器不能滿足我們的需求比如高亮顯示代碼等,在這篇文章中,我將使用JavaScript庫ACE來創(chuàng)建一個輸入框效果,該腳本允許開發(fā)人員創(chuàng)建支持語法高亮的輸入框,感興趣的你可不要錯過了哈2013-02-02