给一个元素插入一段HTML

给一个元素插入一段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>

效果如下：

给一个元素插入一段HTML相关推荐

【Groovy】集合遍历 ( 操作符重载 | 集合中的 “ ＜＜ “ 操作符重载 | 使用集合中的 “ ＜＜ “ 操作符添加一个元素 | 使用集合中的 “ ＜＜ “ 操作符添加一个集合 )
文章目录一.集合中的 " << " 操作符重载 1.使用集合中的 " << " 操作符添加一个元素 2.使用集合中的 " & ...
ArrayList添加一个元素的过程（中部插入以及尾部添加）
只知道在ArrayList 添加一个元素在尾部添加元素,如果容量不够就会扩容1.5倍,也没有通过源码去研究过这个过程.今天我们就来研究研究: 从中间插入,和末尾插入这两种方式来进行研究. 尾部添 ...
单链表-插入一个元素为x的节点后，使链表仍然有序
单链表的存储结构: typedef struct LinkList{int data;LinkList * next;} 分析: 这里和顺序表那题题意是一样的,都是插入一个元素节点x后,使链表仍然有序 ...
顺序表-插入一个元素x后保持该顺序表L递增有序排序（查找+元素后移插入）
顺序表的存储结构: typedef struct{int data[Maxsize]; //存在顺序表中的元素int length; //存放顺序表的长度}SqList; 分析: 要保持插入一个元素后 ...
C语言在一个有序数组里插入一个元素，使其成为一个新的有序数组
C语言在一个有序数组里插入一个元素,使其成为一个新的有序数组 #include<stdio.h> int main(){int a[11] = { 1,5,8,9,25,26,31,35, ...
[jstips]向数组中插入一个元素
向现有数组中插入一个元素是经常会见到的一个需求.你可以: 使用push将元素插入到数组的尾部: 使用unshift将元素插入到数组的头部: 使用splice将元素插入到数组的中间: 上面那些方法都是常 ...
go 已知有个排序（升序）的数组，要求插入一个元素，最后打印该数组，顺序依然是升序
// 任意位置插入数字类型的元素 // @param slice []int 将指定元素插入的切片 // @param num int 插入的指定元素 // @param index int 插入的指 ...
C# 数组增加元素_C语言数组——任意位置插入一个元素
前言接着昨天的话题,我们再来看看向C语言的数组中随机插入一个元素的方法. 如果是在python向列表中随机添加元素,我们往往使用insert()的方法. l insert()的第一个参数是位置,第二 ...
《HTML5 开发实例大全》——1.32 在表单中使用 object 元素插入一个Flash
本节书摘来自异步社区<HTML5 开发实例大全>一书中的第1章,第1.32节,作者: 张明星更多章节内容可以访问云栖社区"异步社区"公众号查看. 1.32 在表单中使 ...

给一个元素插入一段HTML

给一个元素插入一段HTML相关推荐

最新文章

热门文章