日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔！

生活随笔

當前位置： 首頁 > 前端技术 > HTML >内容正文

HTML

给一个元素插入一段HTML

發(fā)布時間：2023/12/31 HTML 41 豆豆
生活随笔 收集整理的這篇文章主要介紹了 给一个元素插入一段HTML 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

給一個元素插入一段HTML常見的方式有：
1- 使用insertAdjacentHTML
2- 使用innerHTML

舉個例子：
在頁面添加一個棋盤頁面

<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>國際象棋棋盤</title><div id="chess"></div><script type="text/javascript">var str = "<table cellpadding='0' cellspacing='0'>";var off = true;for (i = 1; i <= 8; i++) {str += "<tr>";for (j = 1; j <= 8; j++) {if (off) {off = !off;str += '<td class="td01"></td>';} else {off = !off;str += '<td class="td02"></td>';}}off = !off;str += "</tr>";}str += "</table>";// document.getElementById('chess').insertAdjacentHTML('afterend', str) // 方式一document.getElementById('chess').innerHTML = str; // 方式二</script><style type="text/css">table {border: 1px solid #000;}td {width: 100px;height: 100px;background: #ff0;}.td01 {background: #fff;}.td02 {background: #000;}</style> </head><body> </body></html>

效果如下：

總結(jié)

以上是生活随笔為你收集整理的给一个元素插入一段HTML的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。