JavaScript 添加一个元素标签

文章目录

JavaScript 添加一个元素标签
- 代码
- 效果

代码

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>test</title>
</head><body>
<div id="div1"><p id="p1">这是一个段落。</p><p id="p2">这是另外一个段落。</p><button onclick="creatEle()">添加元素</button>
</div><script>function creatEle() {// 创建标签var para = document.createElement("p");// 添加 id 名 panel1para.id = "id1"// panel1.setAttribute("id","panel1");// 添加类名para.classList.add("class1");para.classList.add("class2");// 创建div的css样式para.style.cssText="width:200px;height:200px;background:#CC3399;text-align:center;line-height:220px"// 创建文本var node = document.createTextNode("添加元素");// 标签追加文本para.appendChild(node);// 获取元素var element = document.getElementById("div1");// element追加paraelement.appendChild(para);}</script>
</body></html>

效果

JavaScript 添加一个元素标签相关推荐

添加删除按钮html代码怎么写,JavaScript添加一个文本框并带有删除按钮
JavaScript添加一个文本框并带有删除按钮属于前端实例代码,有关更多实例代码大家可以查看. 实际操作中可能需要动态的创建和删除一个元素,比较常见是添加一个文本框和一个删除按钮,点击删除按钮可以删 ...
【Groovy】map 集合 ( map 集合操作符重载 | 使用＜＜操作符添加一个元素 | 代码示例 )
文章目录一.使用 " << " 操作符添加一个元素二.代码示例一.使用 " << " 操作符添加一个元素对 map 集合使用 ...
【Groovy】集合遍历 ( 操作符重载 | 集合中的 “ ＜＜ “ 操作符重载 | 使用集合中的 “ ＜＜ “ 操作符添加一个元素 | 使用集合中的 “ ＜＜ “ 操作符添加一个集合 )
文章目录一.集合中的 " << " 操作符重载 1.使用集合中的 " << " 操作符添加一个元素 2.使用集合中的 " & ...
javascript判断一个元素是另外一个元素的子元素
javascript判断一个元素是另外一个元素的子元素用途有很多,最常用的就是当点击页面的空白处去执行某些操作,比如弹出层等. function isParent (obj,parentObj){ w ...
kotlin List删除一个元素，添加一个元素
kotlin List移除一个元素,添加一个元素时没有 remove和add函数只有 -= 和 += 在kotlin ArrayList中才有remove和add函数没有 -= 和 += kotli ...
java数组末尾添加元素_java数组添加元素,java数组如何添加一个元素
java数组如何添加元素向数组里添加一个元素怎么添加,这儿总结有三种方法: 1.一般数组是不能添加元素的,因为他们在初始化时就已定好长度了,不能改变长度. 但有个可以改变大小的数组为ArrayLis ...
ArrayList添加一个元素的过程（中部插入以及尾部添加）
只知道在ArrayList 添加一个元素在尾部添加元素,如果容量不够就会扩容1.5倍,也没有通过源码去研究过这个过程.今天我们就来研究研究: 从中间插入,和末尾插入这两种方式来进行研究. 尾部添 ...
动态数组，数组初始化，数组内存释放，向数组中添加一个元素，向数组中添加多个元素，数组打印，顺序查找，二分查找，查找数组并返回地址，冒泡排序，改变数组中某个元素的值，删除一个数值，删除所有，查找含有
1定义接口: Num.h #ifndef_NUM_H_ #define_NUM_H_ #include<stdio.h> #include<stdlib.h> /**** ...
JavaScript(23) 创建元素标签和属性在body中(jQuery插件)
效果图: 代码:(注意引入jQuery插件!!) <!DOCTYPE html> <html><head lang="en"><meta ...

JavaScript 添加一个元素标签

JavaScript 添加一个元素标签

文章目录

代码

效果

JavaScript 添加一个元素标签相关推荐

最新文章

热门文章