【前端】创建元素并插入到现有文档

// 创建元素
// div
var newDiv = document.createElement('div')// 添加类名
newDiv.className = 'hello'// 添加id
newDiv.id = 'hello1'// 设置属性
newDiv.setAttribute('title', 'Hello Div')// 创建Text node
var newDivText = document.createTextNode('Hello World');
// 加到div
newDiv.appendChild(newDivText)
var container = document.querySelector('header .container')
var h1 = document.querySelector('header h1')newDiv.style.fontSize = '30px'
// 插入到h1之前
container.insertBefore(newDiv, h1);console.log(newDiv)

END.

【前端】创建元素并插入到现有文档相关推荐

VC++ MSXML创建XML文件以及对XML文档解析
VC++ MSXML创建XML文件以及对XML文档解析转自http://www.newxing.com/Tech/Program/Cpp/703.html // XmlCreationDemo.cp ...
iText创建一个含有中文的pdf文档
有朋友问我pdfbox支不支持向pdf文档中写入中文.然后试了好多遍都是有乱码,也找了好多资料没有找到解决办法. 但是在查找资料的过程中发现了另一个处理pdf的开源库iText.官方介绍 http:/ ...
html的绝对定位脱离文档流吗,子元素设置绝对定位之后脱离文档流！
子元素设置绝对定位之后脱离文档流之后父容器宽高都为都不撑开了. 很多时候都是宽高都是0: 子元素设置绝对定位如何让子元素自己撑开高度? 下面的这个子元素设置绝对定位后,父元素宽高都为0 了. 如何让 ...
java mongodb 多文档_如何通过Java在MongoDB中一次性插入多个文档
我在我的应用程序中使用MongoDB,需要在MongoDB集合中插入多个文档. 我使用的版本是1.6 我在这里看到一个例子在里面批量插入多个文档部分作者通过数组来做这件事. 当我尝试相同,但为什 ...
插入顶部_最快速地把同一内容插入到Word文档不同页面的相同位置
您好,欢迎来到[爆炒Office],这里有原创的实用办公软件技巧. 概述之前也讨论过把同一内容插入到Word文档不同页面的相同位置,类似于logo,但又可以每一页都自由编辑.现在找到一个更好的方法, ...
word 段显示在页面最下方_最快速地把同一内容插入到Word文档不同页面的相同位置...
您好,欢迎来到[爆炒Office],这里有原创的实用办公软件技巧. 概述之前也讨论过把同一内容插入到Word文档不同页面的相同位置,类似于logo,但又可以每一页都自由编辑.现在找到一个更好的方法, ...
wps在word文档中插入xlsx格式文档会自动打开
wps中插入xlsx格式文档会自动打开文档,导致报错在word的开发工具中选择COM加载项将所有的加载项取消重新打开文件即可
word合并文档php,使用PHPWord合并Word文档，在文档指定页插入另一个文档的内容
提示:不支持.doc文件的读取有一个客户有这样的需求,需要在ThinkPHP里使用PHPWord组件,把一个文档(DOC1)的内容,插入另一个文档(DOC2)的指定页内.由于两个文档的内容都不是固定 ...
如何将代码插入到Word文档
如何将代码插入到Word文档一.planetB 二.Notepad++ 一.planetB 打开planetB网站 http://www.planetb.ca/syntax-highlight-wo ...

【前端】创建元素并插入到现有文档

【前端】创建元素并插入到现有文档相关推荐

最新文章

热门文章