## DomUtil dom文档相关工具库

### 导入使用
```code[javascript]
import DomUtil from "../../../../util/pattern/dom";
```

### 样式元素操作
```code[javascript]
DomUtil.getStyle();//获取一个样式标签
DomUtil.setStyle(".class{}");//设置样式
DomUtil.setStyle(style,".class{}");//清空并设置样式到style标签下
DomUtil.appendStyle(".class{}");//增量设置样式
DomUtil.appendStyle(style,".class{}");//增量设置样式到style标签下
```

### HTML转义 反转义
```code[javascript]
     var tagText = "<p><b>123&456</b></p>";
     var encodeText = DomUtil.HTMLEncode(tagText);
     console.log(encodeText);//&lt;p&gt;&lt;b&gt;123&amp;456&lt;/b&gt;&lt;/p&gt;
     console.log(DomUtil.HTMLDecode(encodeText)); //<p><b>123&456</b></p>
```

### 复制html转义后的内容
```code[javascript]
     var tagText = "<p><b>123&456</b></p>";
     DomUtil.copyHtml(tagText);
```

### 复制
```code[javascript]
DomUtil.copyText(txt); //复制文本，如 DomUtil.copyText('niceloo')
DomUtil.copyElement(element); //复制元素, 如DomUtil.copyElement(document.getElementById('xxx'))
await DomUtil.copyImgBySrc(src); //根据图片路径复制图片，如await DomUtil.copyImgBySrc('图片路径')
```

### 根据px值计算出rem值
```code[javascript]
/**
 * 根据px值计算出rem值
 * @param {number} size px值
 * @returns {string}
 */
DomUtil.getRem(100); 
```

### 全屏
```code[javascript]
DomUtil.fullscreen(element); //元素全屏，如DomUtil.fullscreen(document.getElementById('xxx'))
DomUtil.exitFullscreen(element); //退出全屏，如DomUtil.exitFullscreen(document.getElementById('xxx'))
```

### 固定元素
```code[javascript]
/* el 需要固定的元素 offset 偏移量 */
/* 吸顶，DomUtil.afiix(document.getElementById('xxx')).top(30) */
let affix=DomUtil.afiix(el).top(offset);
/* 吸底，DomUtil.afiix(document.getElementById('xxx')).bottom(30) */
let affix=DomUtil.afiix(el).bottom(offset);
/* 父元素内部吸顶，DomUtil.afiix(document.getElementById('xxx')).inParent(30) */
let affix=DomUtil.afiix(el).inParent(offset);

affix.watch();//开启
affix.unwatch();//关闭
```

### 滚动到固定元素位置
```code[javascript]

/**
 * 页面滚动到元素的位置，如DomUtil.scrollToElement(document.getElementById('xxx'), 30, 200)
 * @param element 需保证此元素的父级元素必须设置了overflow样式
 * @param offset 偏移量 默认0
 * @param time 滚动耗时 默认300 单位ms
 */
DomUtil.scrollToElement(element,offset,time);
```

### el元素是否在 container 元素内
```code[javascript]
//如 DomUtil.isInContainer(document.getElementById('xxx'), document.getElementById('container'))
DomUtil.isInContainer(el,container);
```

### 水印
```code[javascript]
DomUtil.insertDomWatermark({content: 'QQMusicFE'});//插入页面防截屏水印
//给图片生成水印
 let base64Url =await DomUtil.getWatermarkImage({
        url: 'http://localhost:3000/imgs/google.png',
        content: 'QQMusicFE',
    })
```

### 获取一个简易的iframe元素
```code[javascript]
let iframe = DomUtil.getSimpleIframe("<html></html>");
```

### 通过iframe渲染富文本 高度自适应
```code[javascript]
let iframe = DomUtil.getSimpleIframe("<html></html>");
let rtf = `<div>45646465</div>`;
DomUtil.renderInIframe(iframe, rtf);
```