Javascript小技巧之生成html元素
Javascript 生成 HTML元素的方法在本文中介紹2種,第一種是比較正規(guī)的創(chuàng)建元素方法,第二種是利用javascript中的write()方法直接寫出html元素。
方法一:
//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);
方法二:
document.write("<inpt name='name' value='value' id='idname' type='typename'>");
這里列舉了這2種生成html的<input>元素的方法,第一種比較規(guī)范,代碼比較多,第二種比較少代碼。
相關(guān)文章
Javascript實(shí)現(xiàn)商品秒殺倒計(jì)時(shí)(時(shí)間與服務(wù)器時(shí)間同步)
在一些購(gòu)物商城經(jīng)常看到有很多商品做秒殺活動(dòng),也就是倒計(jì)時(shí),本篇文章給大家介紹Javascript實(shí)現(xiàn)商品秒殺倒計(jì)時(shí)(時(shí)間與服務(wù)器時(shí)間同步),需要的朋友可以了解下2015-09-09js獲取當(dāng)前日期昨天、今天、明天日期的不同方法總結(jié)
JS中處理日期時(shí)間常用Date對(duì)象,下面這篇文章主要給大家介紹了關(guān)于利用js獲取當(dāng)前日期昨天、今天、明天日期的不同方法,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-11-11JS監(jiān)聽微信、支付寶等移動(dòng)app及瀏覽器的返回、后退、上一頁(yè)按鈕的事件方法
這篇文章主要介紹了JS監(jiān)聽微信、支付寶等移動(dòng)app及瀏覽器的返回、后退、上一頁(yè)按鈕的事件方法,需要的朋友可以參考下2016-08-08javascript動(dòng)態(tài)判斷html元素并執(zhí)行不同的操作
在javascript中對(duì)觸發(fā)事件的元素進(jìn)行判斷,然后執(zhí)行不同的操作,下面是具體的實(shí)現(xiàn),需要的朋友可以學(xué)習(xí)下2014-06-06詳解Js 根據(jù)文件夾目錄獲取Json數(shù)據(jù)輸出demo
這篇文章主要為大家介紹了Js 根據(jù)文件夾目錄獲取Json數(shù)據(jù)輸出示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-03-03JS 邏輯判斷不要只知道用 if-else 和 switch條件判斷(小技巧)
這篇文章主要介紹了JS 邏輯判斷不要只知道用 if-else 和 switch,在一些邏輯復(fù)雜度的增加,代碼中的 if/else 和 switch 會(huì)越來越臃腫。本文將帶你嘗試寫出更優(yōu)雅的判斷邏輯,需要的朋友可以參考下2020-05-05