用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");
//設(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)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- 原生JS實現(xiàn)動態(tài)添加新元素、刪除元素方法
- JavaScript實現(xiàn)動態(tài)添加、移除元素或?qū)傩缘姆椒ǚ治?/a>
- JS實現(xiàn)為動態(tài)添加的元素增加事件功能示例【基于事件委托】
- javaScript動態(tài)添加Li元素的實例
- JS動態(tài)添加元素及綁定事件造成程序重復執(zhí)行解決
- JavaScript實現(xiàn)動態(tài)添加Form表單元素的方法示例
- js 動態(tài)添加元素(div、li、img等)及設(shè)置屬性的方法
- JavaScript實現(xiàn)向OL列表內(nèi)動態(tài)添加LI元素的方法
- javascript實現(xiàn)的動態(tài)添加表單元素input,button等(appendChild)
- 詳解JS獲取HTML DOM元素的8種方法
- JavaScript獲取DOM元素的11種方法總結(jié)
- JS獲取動態(tài)添加元素的方法詳解
相關(guān)文章
IE下雙擊checkbox反應(yīng)延遲問題的解決方法
這篇文章主要介紹了IE下雙擊checkbox反應(yīng)延遲問題的解決方法,需要的朋友可以參考下2014-03-03
這篇文章主要介紹了JavaScript實現(xiàn)文本相似度對比，文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下2022-06-06
javascript實現(xiàn)生成并下載txt文件方式
這篇文章主要介紹了javascript實現(xiàn)生成并下載txt文件方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
這篇文章主要介紹了讓alert不出現(xiàn)彈窗的兩種方法,需要的朋友可以參考下2014-05-05
js實現(xiàn)三張圖（文）片一起切換的banner焦點圖
這篇文章主要介紹了js實現(xiàn)三張圖（文）片一起切換的banner焦點圖，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
本文給大家分享日常中比較熟悉的常用的幾個算法用JS的實現(xiàn)，非常不錯，具有參考借鑒價值，感興趣的朋友一起看看吧2016-11-11
這篇文章主要為大家詳細介紹了js實現(xiàn)圓形顯示鼠標單擊位置，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-02-02
JavaScript中Number對象的toFixed() 方法詳解
下面小編就為大家?guī)硪黄狫avaScript中Number對象的toFixed() 方法詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
使用bootstrap的排版特性可以創(chuàng)建標題，段落，列表及其它內(nèi)聯(lián)元素。本文重點給大家介紹Bootstrap 排版 知識，非常不錯，具有參考借鑒價值，感興趣的朋友一起學習吧2016-06-06
這篇文章主要為大家詳細介紹了js html制作簡單日歷的方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06