mozilla
您的搜索结果

    element.insertAdjacentHTML

    概述

    insertAdjacentHTML() 将指定的文本解析为 HTML 或 XML,然后将结果节点插入到 DOM 树中的指定位置处。该方法不会重新解析调用该方法的元素,因此不会影响到元素内已存在的元素节点。从而可以避免额外的解析操作,比直接使用 innerHTML 方法要快。

    语法

    element.insertAdjacentHTML(position, text);
    

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

    beforebegin
    element 元素的前面。
    afterbegin
    element 元素的第一个子节点前面。
    beforeend
    element 元素的最后一个子节点后面。
    afterend
    element 元素的后面。

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

    位置名称示意:

    <!-- beforebegin -->
    <p>
    <!-- afterbegin -->
    foo
    <!-- beforeend -->
    </p>
    <!-- afterend -->
    注意: 只有当元素节点在一个DOM树中,且有一个父元素时,beforebeginafterend 位置才会起作用。

    示例

    // <div id="one">one</div> 
    var d1 = document.getElementById('one'); 
    d1.insertAdjacentHTML('afterend', '<div id="two">two</div>');
    
    // 此时,新结构变成:
    // <div id="one">one</div><div id="two">two</div>

    规范

    Specification Status Comment
    DOM Parsing and Serialization
    Element.insertAdjacentHTML()
    Living Standard  

    浏览器兼容性

    Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
    Basic support 1.0 8.0 (8.0) 4.0 7.0 4.0 (527)
    Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
    Basic support ? 8.0 (8.0) ? ?

    ?

     

     

    相关链接

    文档标签和贡献者

    标签: 
    Contributors to this page: teoli, zbinlin, ziyunfei, khalid32, AlexChao, RenGuangHui
    最后编辑者: RenGuangHui,