js 根据ID或者Class在指定位置添加div

<div id="mainDiv"><div id="new">if本div存在 覆盖原来的内容；if本div不存在 重新添加一个本div</div><div id="Div1" class="Class1">在本div之前插入一个div</div>
</div>

var newDiv = document.createElement("div");
newDiv.className = "new";
newDiv.id = "new";
newDiv.innerHTML = "some thing";var oldDiv = document.getElementById("mainDiv");
var ooDiv = document.getElementById("Div1");
var ooClass = oldDiv.getElementsByClassName("Class1");if (ooClass.length > 0) {//new div已存在ooDiv.innerHTML = "sth new context";ooClass[0].innerHTML = "sth new context";
} else {//new div不存在//在 mainDiv 中 ID 或 Class 为 new 的div之前插入一个div oldDiv.insertBefore(newDiv, ooClass[0]);oldDiv.insertBefore(newDiv, ooDiv);
}

参考 http://blog.unvs.cn/archives/js-insertbefore-add-div.html

js 根据ID或者Class在指定位置添加div相关推荐

js 对表格的动态操作（动态添加行，删除该行，在指定位置添加控件）
***************************************************************** js动态添加表的列,并在列中添加控件的方法<html> ...
.net web 点击链接在页面指定位置显示DIV的问题
.net web 点击链接在页面指定位置显示DIV的问题做了一个网页,放了两个DataList ,一个显示科室,一个显示科室中的人员,由于科室太多,一屏显示不全,为了在页面刷新时记住上次浏览位置,所 ...
python使用matplotlib可视化线图（line plot）、在可视化图像中的指定位置添加横线(add horizontal line in matplotlib plot)
python使用matplotlib可视化线图(line plot).在可视化图像中的指定位置添加横线(add horizontal line in matplotlib plot) 目录
pandas在dataframe指定位置添加新的数据列、使用insert函数
pandas在dataframe指定位置添加新的数据列.使用insert函数目录 pandas在dataframe指定位置添加新的数据列.使用insert函数 #仿真数据
R语言ggplot2包和ggtext包在可视化图像中的指定位置添加文本框（横向文本框、竖向文本框）
R语言ggplot2包和ggtext包在可视化图像中的指定位置添加文本框(横向文本框.竖向文本框) 目录
poi操作word替换模板向指定位置添加图表
poi操作word替换模板向指定位置添加图表首先是引入pom文件 <dependency><groupId>org.apache.poi</groupId>< ...
java根据坐标在PDF指定位置添加文本
目录一.使用Aspose 1.前言: 2.创建一个模型 3.demo测试二.使用Itext 1.前言 2.创建模型 3.测试demo 1)测试方法 2)实现代码三.效果展示一.使用Aspose ...
Python向DataFrame中指定位置添加一列或多列
对于这个问题,相信很多人都会很困惑,本篇文章将会给大家介绍一种非常简单的方式向DataFrame中任意指定的位置添加一列. 在此之前或许有不少读者已经了解了最普通的添加一列的方式,如下: import ...
pdfBox在pdf指定位置添加表格和内容
功能描述:在右上角指定位置添加表格和文本. 实现思路:读取pdf,在指定位置画线,线段组成表格:指定位置也就是表格内写入文字.所有pdf坐标原点(0,0)都为左下角. 遇到问题:坐标原点大部分在左下角 ...

js 根据ID或者Class在指定位置添加div

js 根据ID或者Class在指定位置添加div相关推荐

最新文章

热门文章