原生 js 如何追加 html

原生 js 如何追加 html?(有没有像 jquery append() 那样可以直接插入 <ul><li>item1</li><ul> 这种的方式呢?)

# HTML

小葫芦1811 天前464 次浏览

全部回复(3)我要回复

三叔2016-11-09 13:13:29

给你来个简单方式

document.getElementById('a').innerHTML +='item1
';

代言2016-11-09 13:12:55

原生 js 如何追加

document.getElementById('d').innerHTML+="这样子";

var dom = document.createElement('span');
dom.innerHTML="这样子";
document.getElementById('d').appendChild(dom);

三叔2016-11-09 13:12:35

element.insertAdjacentHTML(position, text);

position 是相对于 element 元素的位置，并且只能是以下的字符串之一：

beforebegin：在 element 元素的前面。

afterbegin：在 element 元素的第一个子节点前面。

beforeend：在 element 元素的最后一个子节点后面。

afterend：在 element 元素的后面。

text 是字符串，会被解析成 HTML 或 XML，并插入到 DOM 树中。

// one

var d1 = document.getElementById('one'); d1.insertAdjacentHTML('afterend', 'two

'); // 此时，新结构变成： // onetwo

取消回复发送