如何通过原生js方式往页面DOM节点中追加html

作者：管理员 2016-12-29 17:36:32 分类：JavaScript 阅读（3489） 0

其实原生js追加html比较简单，但奈何api单词太复杂，很难记，所以在此记录一波几个基本api方法。

基本api

1	element.insertAdjacentHTML(position, text);

注：position是相对于 element 元素的位置，并且只能是以下的字符串之一，text是字符串，会被解析成 HTML 或 XML，并插入到 DOM 树中

1
2
3

<div id="app">app</div>
var dom = document.getElementById('app');
dom .insertAdjacentHTML('afterend', '<div id="text">text</div>');

本站所有文章、图片、资源等如无特殊说明或标注，均为来自互联网或者站长原创，版权归原作者所有；仅作为个人学习、研究以及欣赏！如若本站内容侵犯了原著者的合法权益，可联系我们进行处理，邮箱：343049466@qq.com

赞(0) 打赏

标签：

DOM节点追加html