關於用JS建立HTML元素屬性賦值的問題

2021-08-23 11:40:20 字數 530 閱讀 4586

相信在ajax時代,很多人用起了js來建立html elements來完成介面填充.

那麼為了相容瀏覽器,我們會用到document.createelement("div")這樣的**,

不過也有人說,這樣也可以document.createelement("...

")呃.這是乙個標準橫行的時代,ie時代已經一去不復返了...

那麼使用document.createelement就像是操作xml一樣了.恩,這樣很cooooool...

但是也很痛苦,基本上寫完之後你自己不知道那段**生成的html是個什麼結構.

所謂有得必有失.

進入正題吧.

可能有的人在使用documeng.createelement之後發現乙個問題,我的css失效了.

那是因為,使用了 eleobj.setattribute("class","mystyle1")這樣的方式來給屬性的.

這個無效,需要用 eleobj.classname = "mystyle1";這樣才行

至於原因,我不清楚.反正這樣就行.

通過js修改元素html屬性

獲取元素物件 var title document.getelementbyid title 通過style屬性修改樣式,在css中樣式名是通過 分隔,在js中,樣式名要用駝峰命名法 title.style.fontsize 20px textcontent和innerhtml屬性都用於修改元素的內...

js控制HTML元素自身屬性的使用

html元素有許多自身的屬性,例如disabled readonly required selected 這些屬性我們可以直接在html元素中設定 也可以使用js設定html的自帶屬性。element.setattribute test beijing 設定元素屬性 element.getattri...

html 元素和屬性

html文件是由html元素組成的 開始標籤 元素內容 結束標籤 這是乙個段落 這是乙個鏈結 元素的巢狀 準確的說,html文件是由巢狀的元素組成的 空元素元素內容為空的元素為空元素,一般空元素是在開始標籤內結束,但有些空元素沒有結束標籤,如 是換行標籤,推薦使用 也是可以的,但是標準推薦對於空元素...