Javascript小技巧之生成html元素
更新時(shí)間：2014年05月15日 09:40:08 作者：
Javascript 生成 HTML元素的方法在本文中介紹2種，第一種是比較正規(guī)的創(chuàng)建元素方法，第二種是利用javascript中的write()方法直接寫出html元素。
Javascript 生成 HTML元素的方法在本文中介紹2種，第一種是比較正規(guī)的創(chuàng)建元素方法，第二種是利用javascript中的write()方法直接寫出html元素。
方法一：
復(fù)制代碼 代碼如下:
//createElement()創(chuàng)建input元素到obj對(duì)象中
var obj = document.createElement('input');
//選擇要生成地點(diǎn)的前一個(gè)元素
var before = document.getElementById('before');
//設(shè)置obj元素名，值
obj.name='name';
obj.value='value';
//setAttribute是可以自由定義屬性的，不僅id和type，name和value也可以在這定義
obj.setAttribute('id','idname');
obj.setAttribute('type','typename');
//在前一個(gè)元素后面添加obj
before.appendChild(obj);
方法二：
復(fù)制代碼 代碼如下:
document.write("<inpt name='name' value='value' id='idname' type='typename'>");
這里列舉了這2種生成html的<input>元素的方法，第一種比較規(guī)范，代碼比較多，第二種比較少代碼。
相關(guān)文章
小程序?qū)崿F(xiàn)自定義多層級(jí)單選和多選
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)自定義多層級(jí)單選和多選，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-04-04
JavaScript 實(shí)現(xiàn)下雪特效的示例代碼
這篇文章主要介紹了JavaScript 實(shí)現(xiàn)下雪特效的示例代碼，幫助大家利用JavaScript制作特效，感興趣的朋友可以了解下2020-09-09
JavaScript 經(jīng)典效果集...2007-01-01
js下劃線和駝峰互相轉(zhuǎn)換的實(shí)現(xiàn)(多種方法)
本文主要介紹了js下劃線和駝峰互相轉(zhuǎn)換的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
這篇文章主要介紹了javascript遞歸函數(shù)定義和用法示例分析，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
對(duì)表格的行和列都能加亮顯示，而且點(diǎn)擊單元格后會(huì)有更不同的表現(xiàn)...2008-12-12
這篇文章主要介紹了郵箱下拉自動(dòng)填充選擇的具體實(shí)現(xiàn),需要的朋友可以參考下2014-04-04
通過JS判斷聯(lián)網(wǎng)類型和連接狀態(tài)的實(shí)現(xiàn)代碼
這篇文章主要介紹了通過JS判斷聯(lián)網(wǎng)類型和連接狀態(tài)的實(shí)現(xiàn)代碼,需要的朋友可以參考下2015-04-04
Packer 3.0 JS壓縮及混淆工具 下載...2007-05-05
onchange 事件會(huì)在域的內(nèi)容改變時(shí)發(fā)生,可用于單選框與復(fù)選框改變后觸發(fā)的事件,本文通過示例代碼介紹javascript中的 onchange事件,感興趣的朋友跟隨小編一起看看吧2023-10-10