用js插入頁面的div標(biāo)簽中的內(nèi)容?
使用JS的document.getElementById("ID").innerHTML獲取標(biāo)簽內(nèi)容。修改的只需在后面加上"="即可。
實(shí)例演示如下:
一、HTML的DOM設(shè)計(jì)。
1、設(shè)計(jì)兩個DIV,其中第一個div放入入一些文字。
2、設(shè)計(jì)https://www.52fb.cn/css/如下,為了區(qū)分明顯,加了border。
3、此時的頁面展示如下:
二、函數(shù)功能的設(shè)計(jì)和綁定。
1、設(shè)計(jì)函數(shù),實(shí)現(xiàn)賦值和刪除的功能。
2、然后在兩個button上分別綁定函數(shù):
三、功能演示。
1、設(shè)計(jì)完成,點(diǎn)擊【復(fù)制內(nèi)容】,此時頁面展示如下:(兩個div內(nèi)容已相同)。
2、此時點(diǎn)擊【刪除內(nèi)容】,展示如下:內(nèi)容再次被刪除,恢復(fù)空白。
擴(kuò)展資料:
HTML DOM innerHTML 屬性:
1、定義和用法:innerHTML 屬性設(shè)置或返回表格行的開始和結(jié)束標(biāo)簽之間的 HTML。
2、語法:tablerowObject.innerHTML=HTML。