快捷導(dǎo)航

用js動(dòng)態(tài)添加html元素,以及屬性的簡(jiǎn)單實(shí)例

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

下面小編就為大家?guī)?lái)一篇用js動(dòng)態(tài)添加html元素,以及屬性的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

用js動(dòng)態(tài)添加html元素,以及屬性的簡(jiǎn)單實(shí)例

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)文章

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