Source: xblocks/dom/contentNode.js

  1. import Constants from './../constants';
  3. /**
  4.  * Obtaining the nodes with content defined by the user.
  5.  *
  6.  * @example
  7.  * <x-element>test</x-element>
  8.  *
  9.  * import contentNode from 'xblocks-core/dom/contentNode';
  10.  * console.log(contentNode(document.querySelector('x-element')));
  11.  * // test
  12.  *
  13.  * @example
  14.  * <x-element>
  15.  *     <script type="text/x-template">test</script>
  16.  *     other content
  17.  * </x-element>
  18.  *
  19.  * import contentNode from 'xblocks-core/dom/contentNode';
  20.  * console.log(contentNode(document.querySelector('x-element')));
  21.  * // test
  22.  *
  23.  * @module xblocks-core/dom/contentNode
  24.  * @param {HTMLElement} node
  25.  * @returns {HTMLElement}
  26.  */
  27. export default function (node) {
  28.     const uid = node[ Constants.UID ];
  29.     let element;
  31.     if (uid && node.nodeType === 1 && node.hasChildNodes()) {
  32.         element = node.querySelector(`[data-xb-content="${uid}"]`);
  34.         if (!element) {
  35.             element = node.querySelector('script[type="text/x-template"]:not([ref]),template:not([ref])');
  36.         }
  37.     }
  39.     return element || node;
  40. }