js動態建立dom元素示例

2021-07-11 16:51:05 字數 613 閱讀 9828

js中有時候需要動態的建立**,這也是常規的基礎知識,再次我總結一下,以備後用!

直接上**:

function add()

//顯示相關的資訊

function show()

//動態新增超連結1

function create1()

//動態新增超連結2

function create2()

影象上的星球,把它們放大。

動態新增area標籤

顯示area1的資訊

新增超連結1

新增超連結2

顯示與測試效果如下:

原理:1.首先獲取乙個父容器(存在,並且可以顯示,有寬高屬性)

2.新增乙個標籤,並設定屬性

3.容器新增子標籤。

不妥之處,歡迎批評指正,共同學習,共同進步!

建立DOM元素

昨天感冒,一天都是昏昏沉沉的,晚上八點就休息了,一覺醒來整個神清氣爽,感覺感冒好了一大截。本來今天要好好的學習的,看了乙個帖子,實在挪不開眼睛,所以通常五點開始的學習,拖到了六點多。好在今年下雨,晚上不用跑步去了,嘻嘻,挺好!createelement 標籤名 建立乙個節點 插入節點 節點,原有節點...

js動態建立元素

動態建立元素有三種方法 document.write element.innerhtml document.createelement document.write 方法特點 單詞翻譯 語法意思 write 寫作用 document.write 將一些文字直接寫到頁面中,頁面文件執行完畢後,會導致它...

Dom動態移動元素

動態移動dom 元素移動元素包括向左和向右移動選中的,向左和向右移動全部的 我們以下面的html 為例 body 要移動的元素 select multiple multiple size 10 id ldatas option 選項1 option option 選項2 option option ...