function test(){

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

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

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

lswt_2.id='lswtColse';

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

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';

//為這個節(jié)點添加點擊時間

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

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

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

//插入這個節(jié)點

element_2.appendChild(lswt_2);

}

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

您可能感興趣的文章:

相關(guān)文章

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