用js動態(tài)添加html元素,以及屬性的簡單實例

更新時間：2016年07月19日 11:03:27 投稿：jingxian

下面小編就為大家?guī)硪黄胘s動態(tài)添加html元素,以及屬性的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

用js動態(tài)添加html元素,以及屬性的簡單實例

function test(){

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

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

//設置節(jié)點id

lswt_2.id='lswtColse';

//設置節(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)文章

IE下雙擊checkbox反應延遲問題的解決方法
這篇文章主要介紹了IE下雙擊checkbox反應延遲問題的解決方法,需要的朋友可以參考下
2014-03-03
JavaScript實現(xiàn)文本相似度對比
這篇文章主要介紹了JavaScript實現(xiàn)文本相似度對比，文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下
2022-06-06
javascript實現(xiàn)生成并下載txt文件方式
這篇文章主要介紹了javascript實現(xiàn)生成并下載txt文件方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-09-09
讓alert不出現(xiàn)彈窗的兩種方法
這篇文章主要介紹了讓alert不出現(xiàn)彈窗的兩種方法,需要的朋友可以參考下
2014-05-05
js實現(xiàn)三張圖（文）片一起切換的banner焦點圖
這篇文章主要介紹了js實現(xiàn)三張圖（文）片一起切換的banner焦點圖，推薦給大家，有需要的小伙伴可以參考下。
2015-08-08
JS實現(xiàn)的幾個常用算法
本文給大家分享日常中比較熟悉的常用的幾個算法用JS的實現(xiàn)，非常不錯，具有參考借鑒價值，感興趣的朋友一起看看吧
2016-11-11
js實現(xiàn)圓形顯示鼠標單擊位置
這篇文章主要為大家詳細介紹了js實現(xiàn)圓形顯示鼠標單擊位置，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-02-02
JavaScript中Number對象的toFixed() 方法詳解
下面小編就為大家?guī)硪黄狫avaScript中Number對象的toFixed() 方法詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-09-09
第五篇Bootstrap 排版
使用bootstrap的排版特性可以創(chuàng)建標題，段落，列表及其它內(nèi)聯(lián)元素。本文重點給大家介紹Bootstrap 排版知識，非常不錯，具有參考借鑒價值，感興趣的朋友一起學習吧
2016-06-06
js+html制作簡單日歷的方法
這篇文章主要為大家詳細介紹了js html制作簡單日歷的方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-06-06