全栈JavaScript之路( 二十 )HTML5 插入 html标记 ( 二 )insertAdjacentHTML
2023-09-11 14:20:45 时间
insertAdjacentHTML(), 这种方法也是在IE中最早出现的。如今已纳入html5规范,它接受两个參数,一个是下列的标记之中的一个,一个是要写入的 html 代码文本。
- beforebegin , (英文为開始之前的意思)在当前元素之前插入一个新的紧邻的同辈元素
- afterbegin,(英文为開始之后的意思)在当前元素之下插入一个子元素。或者是在当前元素的第一个子元素之前插入一个新的子元素。
- beforeend,(英文为结束之前的意思)在当前元素之后插入一个新的子元素,或者在当前元素最后一个子元素之后插入一个新的子元素,
- afterend,(英文为结束之后的意思)在当前的元素之下插入一个紧邻的同辈元素。
支持insertAdjacentHTML()方法的浏览器有IE、Firefox 8+、Safari、Opera 和Chrome。
相关文章
- JavaScript进行UTF-8编码与解码
- JavaScript面向对象之我见
- javascript 复制粘贴操作
- [Javascript] Filter out Duplicates from Flat JavaScript Array with array.filter / reduce / Set
- [Javascript] Link to Other Objects through the JavaScript Prototype Chain (Object.setPrototypeOf())
- [Javascript] Use requestIdleCallback to schedule JavaScript tasks at an optimal time
- [HTML5] Focus management using CSS, HTML, and JavaScript
- [Javascript] Proper use of console.assert in JavaScript
- 10个原生JavaScript技巧
- JavaScript中 location.host 与 location.hostname 的区别
- [Javascript] Filter out Duplicates from Flat JavaScript Array with array.filter / reduce / Set
- [Javascript] Wait for the Fastest JavaScript Promise to Be Fulfilled with Promise.any()
- [Javascript] Hide Properties from Showing Up in "for ... in" Loops in JavaScript
- [Javascript] Use requestIdleCallback to schedule JavaScript tasks at an optimal time
- [Javascript] Multiply Two Arrays over a Function in JavaScript
- [Javascript] Use JavaScript's for-in Loop on Objects with Prototypes
- [Javascript] String Padding in Javascript using padStart and padEnd functions
- [Javascript] JavaScript Array Methods in Depth - push
- [Javascript] Hoisting in JavaScript
- javascript 关于函数的返回值
- atitit.js javascript 调用c# java php后台语言api html5交互的原理与总结p97
- 資料視覺化:使用Python與JavaScript 简介和目录
- web前端Javascript开发学习之JavaScript中的预编译如何进行
- web前端框架Javascript开发基础之JavaScript作用域