本文目录一览：
- 1、JS里添加样式
- 2、怎么用js代码复制父标签底下子标签以及样式，再将子标签加入到父标签中
- 3、如何在页面加载后调用js的代码自动复制一段文字
- 4、怎么用js获取一段代码，复制到Web文本编辑器里是所见即所得的样式？
- 5、js代码里复制了一个js的样式，是网上下过来的~在eclipse里显示出错，但是用浏览器看起来是对的~
- 6、为了好看，把js代码复制后单独做成一个js文件，然后就不能显示了
JS里添加样式
JS里添加样式的方法：
1、首先，要创建标签，使用document.createElement函数，如图创建div标签。使用其className设置class，id设置id，style设置样式。
2、样式的设置也可以分项进行。如图是分项设置其left，top，display，position，width几个样式。
3、通过设置标签的innerHTML属性可以直接给其添加子标签以及子标签的样式。当然，也可以分项分层添加标签。
4、设置好标签（如图是div标签，变量名box），使用document.body.appendChild添加标签到body当中。
5、标签添加以后，依然可以修改样式，如图是使用document.getElementById方法根据id获取标签，修改style。
6、标签添加以后，也可以给其添加和删除event处理。如图是使用jQuery给id为img-preview-box的标签添加hover鼠标经过的处理。
怎么用js代码复制父标签底下子标签以及样式，再将子标签加入到父标签中
示例如下：
div id="parent"
父标签
div id="children"
子标签
/div
/div$('#children').click(function(){
$(this).parent().css('color','red');
});上面代码会在点击子标签后将父标签的文字变为红色（由于color的继承性，子标签的颜色也会改变）
解释：
click可以为元素绑定click事件，点击时会调用此函数
parent方法可以获取当前元素的父级元素
css方法可以设置指定元素的样式，设置的样式会添加的元素的style属性中
如何在页面加载后调用js的代码自动复制一段文字
1、首先建立一个父级页面parent.html,代码如图，一个pop函数方法，一个链接到child.html的iframe标签。
2、再新建一个child.html页面，如图，展示一个id=link的div标签，和link的点击事件，因为是调用父级方法，所以需要用到window.parent.pop()方法。
3、预览页面，可明显看到parent.html里面的iframe框架，指向的就是child子页面。
4、点击页面中“调用父级pop方法”的文字链，会提示错误，这是因为没配置好域名等相关设置。
5、打开iis，右键iframe文件夹——“管理文件夹”——“浏览”；即可打开本地测试地址；（如小伙伴没配置iis，需要先配置iis建立站点）。
6、再次点击“调用父级pop方法”的文字链，即可成功弹出提示。
怎么用js获取一段代码，复制到Web文本编辑器里是所见即所得的样式？
在dreamweaver中新建立一个html文档，把你拷贝的代码粘贴进去，然后选择拆分，就会出现两个视图框，左边是源码，右边是解析后的页面效果，可实时调整。
js代码里复制了一个js的样式，是网上下过来的~在eclipse里显示出错，但是用浏览器看起来是对的~
第一步：
去除eclipse的JS验证：
window-preference-Java Script-Validator-Errors/Warnings-Enable Javascript Sematic validation前面的钩子去掉;
第二步：
找到项目目录，去掉项目目录里的 .project 文件中的以下两部分：
buildCommand
nameorg.eclipse.wst.jsdt.core.javascriptValidator/name
arguments/arguments
/buildCommand
natureorg.eclipse.wst.jsdt.core.jsNature/nature
第三步：
删除报错的js文件，重新导入！
试试吧！
为了好看，把js代码复制后单独做成一个js文件，然后就不能显示了
通常来说不会有问题，我估计是js文件引入顺序有问题，工具库需要先引入，然后才能引入你剥离出来的js文件，另外，script放在body末尾再引入，以免DOM未挂载导致的ID无法查找。如果再有问题，请贴控制台保存代码