原生 js 如何追加 html
高洛峰
高洛峰 2016-11-09 13:12:18
0
3
876

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

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回覆(3)
三叔

给你来个简单方式

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


代言

原生 js 如何追加

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


三叔

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
'); // 此时,新结构变成: // 
one
two


熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板