建立DOM元素的方便簡單清晰方法

2021-08-25 00:00:33 字數 468 閱讀 9746

1、受夠了innerhtml="";拼出來一串html**

2、受夠了給新建立的元素寫上οnclick="";拼出來的一大段函式和引數

3、受夠了繁瑣的一大段**,雖然它可以使用bind函式

var ipt=document.createelement("input");

ipt.type='checkbox';

ipt.name='n1';

ipt.id='id1';

ipt.value=123;

4、今天突然發現可以這樣清晰

var div = $c_e( );

var ipt1 = $c_e( );

var span1 = $c_e( );

var span2 = $c_e( );

目前用到的幾個屬性加進去了,有新的可以自己新加

function $c_e(o)

DOM遍歷元素節點時忽略空格文字節點的方法

元素節點之間的空格在瀏覽器中會被解釋為文字節點給父節點操作子節點方法帶來困擾,dom中擴充套件了方法解決 a.childelementcount 返回子元素 不包括文字節點和注釋 的個數 b.firstelementchild 指向第乙個子元素 不包括文字節點和注釋 c.lastelementchi...

實現Html網頁 DOM元素 等比例寬高的方式

現在要做乙個網頁,用於大屏展示,裡面所有的東西包括頁面本身都應該是成比例的,就是不管你用多大 小的螢幕,把網頁拉的多寬 高,頁面布局不變,展示的頁面永遠是16 9 樣式計算方法 document.addeventlistener readystatechange function 監聽div和螢幕的...

使用DOM來建立頁面元素的一些問題

在ie中使用dom方式來動態建立頁面元素的時候,我發現了一些問題。記錄於此,如果您有好的意見歡迎提供,如果您也遇到此問題,希望能有助你解決。我本文說的dhtml都預設指的對於innerhtml進行操作的程式設計方式,不是廣義的dhtml。直接操作html 片斷,主要靠web程式設計師使用字串拼接來生...