Javacript中insertAdjacentHTML 的简单用法

308 阅读1分钟

一、开解:

本文主要讲的是insertAdjacentHTML用法,insertAdjacentHTML很简单,其实它的作用就是添加html。

它有四个参数可用:

1.beforeBegin: 插入到标签开始前

2.afterBegin:插入到标签开始标记之后

3.beforeEnd:插入到标签结束标记前

4.afterEnd:插入到标签结束标记后

二、实例:

<body>

<divclass="dhz">

<divclass="dhz1">我是盒子1</div>

</div>

</body>

<script>

varmhz = document.querySelector('.dhz');

mhz.insertAdjacentHTML('beforebegin','<div>我是盒子2</div>');

mhz.insertAdjacentHTML('afterBegin','<div>我是盒子3</div>');

mhz.insertAdjacentHTML('beforeEnd','<div>我是盒子4</div>');

mhz.insertAdjacentHTML('afterEnd','<div>我是盒子5</div>');

</script>
---------------------
作者:my128
来源:CSDN
原文:blog.csdn.net/MY128/artic…
版权声明:本文为博主原创文章,转载请附上博文链接!