插入HTML内容与文本内容,功能上与innerHTML和innerTEXT相同。
insertAdjacentHTML 与 insertAdjacentText的用法完全相同,不同之处就是 insertAdjacentText插入的是单纯的文本信息
用法:
element.insertAdjacentHTML(position, String);
参数position的取值:
- beforeBegin:在该元素前插入(元素外)
- afterBegin:在该元素第一个子元素前插入(元素内)
- beforeEnd:在该元素最后一个子元素后面插入(元素内)
afterEnd:在该元素后插入(元素外)
For Example
var log = document.getElementById('log');
log.insertAdjacentHTML('beforeEnd', 'this Is I want add <button type="button">ClickMe</button>');