mirror of
https://github.com/facebook/react.git
synced 2026-02-26 18:58:05 +00:00
48 lines
1.3 KiB
JavaScript
48 lines
1.3 KiB
JavaScript
/**
|
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @flow
|
|
*/
|
|
|
|
import {Namespaces} from '../shared/DOMNamespaces';
|
|
import createMicrosoftUnsafeLocalFunction from '../shared/createMicrosoftUnsafeLocalFunction';
|
|
|
|
// SVG temp container for IE lacking innerHTML
|
|
let reusableSVGContainer;
|
|
|
|
/**
|
|
* Set the innerHTML property of a node
|
|
*
|
|
* @param {DOMElement} node
|
|
* @param {string} html
|
|
* @internal
|
|
*/
|
|
const setInnerHTML = createMicrosoftUnsafeLocalFunction(function(
|
|
node: Element,
|
|
html: string,
|
|
): void {
|
|
// IE does not have innerHTML for SVG nodes, so instead we inject the
|
|
// new markup in a temp node and then move the child nodes across into
|
|
// the target node
|
|
|
|
if (node.namespaceURI === Namespaces.svg && !('innerHTML' in node)) {
|
|
reusableSVGContainer =
|
|
reusableSVGContainer || document.createElement('div');
|
|
reusableSVGContainer.innerHTML = '<svg>' + html + '</svg>';
|
|
const svgNode = reusableSVGContainer.firstChild;
|
|
while (node.firstChild) {
|
|
node.removeChild(node.firstChild);
|
|
}
|
|
while (svgNode.firstChild) {
|
|
node.appendChild(svgNode.firstChild);
|
|
}
|
|
} else {
|
|
node.innerHTML = html;
|
|
}
|
|
});
|
|
|
|
export default setInnerHTML;
|