js動態建立div

2021-07-29 03:42:09 字數 872 閱讀 4586

js動態建立div

1.建立某個標籤:如下在body中建立乙個div的事例;

function fun()

2.新增屬性:給建立的標籤新增相應的屬性:

framediv .setattribute("id", "divid");//給建立的div設定id值;

framediv .classname="divclass"; //給建立的div設定class;

//給某個標籤新增顯示的值;

var h = document.createelement("h1");

h.innerhtml = data[i].name;

var p = document.createelement("p");

p.innerhtml = "要顯示的值";

3.建立的標籤新增事件:

a.不帶引數:

framediv.onmousedown = fun; //ps:函式名fun後面一定不能帶括號,否則會在建立標籤的時候執行函式, 而不是滑鼠按下時執行;

b.有引數:

framediv.onmousedown = function()

c.要呼叫的函式;

function fun()

4.如果擔心建立的標籤沒有被覆蓋則可以替換:

var divflag = document.getelementbyid("divflag");

var divmain = document.createelement("div");

if(divflag != null)

divmain.setattribute("id", "divflag");

需要動態建立DIV

這是原來的css樣式 item curve 動態建立div 如下 for j 0 j 8 純 js 控制 div 選擇 操作說明 按住左鍵拖動出現虛線選擇框 虛線選擇框經過div時,被選中的div邊框會變粗變色,此時代表此div被選中 虛線選擇框離開div時,div邊框變回原來樣式,此時代表此div...

js動態建立svg

下面的這段寫法,可以做到在原生js中,動態插入能相容ios7 8的svg影象,ios7 8命名空間的ns物件的直接innerhtml寫入應該是有問題。var icon document.createelementns svg 建立帶有標準svg命名空間的節點 svghack document.cre...

js 動態建立變數

通過eval 實現 宣告乙個函式 explain 傳參個數不確定 function test alert param1 呼叫test marydon 動態建立變數演示 和平常意義上的變數宣告和賦值一樣,eval 函式裡面直接放字串就行了,需要變動的是將其全部當成字串來處理,涉及到變數的地方,需要使用...