insertAdjacentElement》在dom中插入的位置
程序员文章站
2024-03-24 11:16:28
...
var div = document.getElementById("d");
var bt = document.getElementById("bt");
bt.onclick = function (e) {
//div.insertAdjacentElement("beforeBegin", document.createElement("p")); //div之前
//div.insertAdjacentElement("afterBegin", document.createElement("p")); //div所有子元素之前
//div.insertAdjacentElement("beforeEnd", document.createElement("p")); //div所有子元素之后
//div.insertAdjacentElement("afterEnd", document.createElement("p")); //div之后
//div.insertAdjacentHTML("beforeBegin", "<p>3</p><p>4</p>");
//div.insertAdjacentHTML("afterBegin", "<p>3</p><p>4</p>");
//div.insertAdjacentHTML("beforeEnd", "<p>3</p><p>4</p>");
//div.insertAdjacentHTML("afterEnd", "<p>3</p><p>4</p>");
//div.insertAdjacentText("beforeBegin", "the sky is mine");
//div.insertAdjacentText("afterBegin", "the sky is mine");
//div.insertAdjacentText("beforeEnd", "the sky is mine");
//div.insertAdjacentText("afterEnd", "the sky is mine");
//div.innerHTML = "<p>3</p><p>4</p>";
//div.innerText = "<p>3</p><p>4</p>";//注意这两个效果不一样 这就是 text 和 html 的区别
//div.appendChild(document.createElement("p")); //这个就等于上面第三个
//div.insertBefore(document.createElement("p"),document.getElementsByTagName("p")[1]);//没什么卵用
};
推荐阅读
-
insertAdjacentElement》在dom中插入的位置
-
在java商城开发中map集合的应用 博客分类: 互联网Java hashmaptreemapjavaobject插入
-
34. 在排序数组中查找元素的第一个和最后一个位置
-
LeetCode 34. 在排序数组中查找元素的第一个和最后一个位置 Find First and Last Position of Element in Sorted Array(C语言)
-
在给定的一维已排序(升序)数组中寻找插入一个元素的位置
-
数据结构二分法-给定一个排序数组和一个目标值,在数组中找到目标值,并返回其索引。如果目标值不存在于数组中,返回它将会被按顺序插入的位置。 请必须使用时间复杂度为 O(log n) 的算法。
-
LeetCode 34. 在排序数组中查找元素的第一个和最后一个位置 Find First and Last Position of Element in Sorted Array
-
在安卓系统中插入表情到光标位置的代码详解
-
在安卓系统中插入表情到光标位置的代码详解
-
Mysql在debian系统中不能插入中文的终极解决方案