t-comm/lib/dom/dom.js

专业、稳定、纯粹的工具库

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

/**
 * 向页面 head 中插入 style 标签
 * 如果已存在相同 id 的 style 标签，会先移除再插入新的
 * @param options - 配置选项
 * @param options.id - style 标签的 id
 * @param options.content - CSS 样式内容
 * @example
 * ```ts
 * insertStyle({
 *   id: 'custom-style',
 *   content: '.my-class { color: red; }'
 * });
 * ```
 */
function insertStyle(_ref) {
  var id = _ref.id,
    content = _ref.content;
  var _a;
  var idObjectStyle = document.getElementById(id);
  (_a = idObjectStyle === null || idObjectStyle === void 0 ? void 0 : idObjectStyle.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(idObjectStyle);
  var styleNode = document.createElement('style');
  styleNode.id = id;
  styleNode.type = 'text/css';
  styleNode.innerHTML = content;
  document.getElementsByTagName('head')[0].appendChild(styleNode);
}
/**
 * 向页面 body 中插入隐藏的 HTML 元素
 * 如果已存在相同 id 的元素，会先移除再插入新的
 * @param options - 配置选项
 * @param options.id - div 元素的 id
 * @param options.content - HTML 内容
 * @example
 * ```ts
 * insertHtml({
 *   id: 'hidden-content',
 *   content: '<div>隐藏的内容</div>'
 * });
 * ```
 */
function insertHtml(_ref2) {
  var id = _ref2.id,
    content = _ref2.content;
  var _a;
  var idObject = document.getElementById(id);
  (_a = idObject === null || idObject === void 0 ? void 0 : idObject.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(idObject);
  var shareNode = document.createElement('div');
  shareNode.id = id;
  shareNode.style.display = 'none';
  shareNode.innerHTML = content;
  document.getElementsByTagName('body')[0].appendChild(shareNode);
}

exports.insertHtml = insertHtml;
exports.insertStyle = insertStyle;