function test(){

//創(chuàng)建節(jié)點(diǎn)

var lswt_2=document.createElement("div");

//設(shè)置節(jié)點(diǎn)id

lswt_2.id='lswtColse';

//設(shè)置節(jié)點(diǎn)屬性

lswt_2.style.width='11px';
lswt_2.style.height='10px';
lswt_2.style.top='0px';
lswt_2.style.right='0px';
lswt_2.style.position='absolute';
lswt_2.style.background='url(7.gif)';
lswt_2.style.backgroundRepeat='no-repeat';

//為這個(gè)節(jié)點(diǎn)添加點(diǎn)擊時(shí)間

lswt_4.addEventListener("click",loc,false);

//把這個(gè)節(jié)點(diǎn)放到那里？放到id為lswt的元素下

var element_2=document.getElementById("lswt");

//插入這個(gè)節(jié)點(diǎn)

element_2.appendChild(lswt_2);

}

以上這篇用js動(dòng)態(tài)添加html元素,以及屬性的簡(jiǎn)單實(shí)例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

js+FSO遍歷文件夾下文件并顯示
js+FSO遍歷文件夾下文件并顯示...
2007-03-03
JS二級(jí)菜單不同實(shí)現(xiàn)方法分析【4種方法】
這篇文章主要介紹了JS二級(jí)菜單不同實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了4種不同的二級(jí)下拉菜單實(shí)現(xiàn)方法,需要的朋友可以參考下
2018-12-12
基于小程序請(qǐng)求接口wx.request封裝的類axios請(qǐng)求
這篇文章主要介紹了基于小程序請(qǐng)求接口wx.request封裝的類axios請(qǐng)求，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-07-07
javascript實(shí)現(xiàn)的HashMap類代碼
這篇文章主要介紹了javascript實(shí)現(xiàn)的HashMap類代碼,實(shí)現(xiàn)了添加、獲取、刪除、查詢key和value功能,需要的朋友可以參考下
2014-06-06
強(qiáng)大的JSON.stringify如何使用
本文主要介紹了強(qiáng)大的JSON.stringify如何使用，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2022-06-06
js實(shí)現(xiàn)鍵盤上下左右鍵選擇文字并顯示在文本框的方法
這篇文章主要介紹了js實(shí)現(xiàn)鍵盤上下左右鍵選擇文字并顯示在文本框的方法,涉及javascript操作鍵盤事件及文本框的相關(guān)技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下
2015-05-05
JS常用正則表達(dá)式總結(jié)
JS常用正則表達(dá)式總結(jié)。需要的朋友可以過來參考下，希望對(duì)大家有所幫助
2013-11-11
javascript將異步校驗(yàn)表單改寫為同步表單
這篇文章主要介紹了javascript將異步校驗(yàn)表單改寫為同步表單,需要的朋友可以參考下
2015-01-01
如何防止JavaScript自動(dòng)插入分號(hào)
JavaScript語言有一個(gè)機(jī)制：在解析時(shí)，能夠在一句話后面自動(dòng)插入一個(gè)分號(hào)，用來修改語句末尾遺漏的分號(hào)分隔符。然而，由于這個(gè)自動(dòng)插入的分號(hào)與JavaScript語言的另一個(gè)機(jī)制發(fā)生了沖突，即所有空格符都被忽略，因此程序可以利用空格格式化代碼
2015-11-11
微信小程序自動(dòng)客服功能
微信小程序最近比較熱，今天小編抽空做了一個(gè)客服機(jī)器人的小程序，下面小編給大家分享微信小程序自動(dòng)客服功能，需要的朋友參考下吧
2017-11-11