JS手动创建标签
代码；
<html>
<head>
<title>js标签属性的添加</title>
<script >
function setxxx(){
alert("xx");
var box = document.getElementById("box");
var oLi = document.createElement("li");
var oH3 = document.createElement("h3");
oH3.innerHTML = "这是js生成的一个h3的标签";
oH3.style.height="30px";
oH3.style.background = "red";
oH3.setAttribute('class','dtime');
box.appendChild(oH3); } </script>
</head>
<div id="box">
<input type="button" value="点击" onclick="setxxx()" />
</div> <body> </body> </html>
截图:
aaarticlea/png;base64,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" alt="" />
JS手动创建标签的更多相关文章
- js中创建html标签、加入select下默认的option的value和text、删除select元素节点下全部的OPTION节点
<pre name="code" class="java"> jsp 中的下拉框标签: <s:select name="sjx&qu ...
- java web(一) 使用sql标签库+tomcat+mysql手动创建一个jsp练习总结
2016-09-0111:06:53 使用sql标签库+tomcat+mysql手动创建一个jsp 1. 1.1安装tomcat ...
- 用js创建标签
html部分: <div id="div_1"> <table id="tab"></table> </div> ...
- js创建标签的方法--依赖于jquery
/** * 创建标签,传入一个对象,返回一个完整的标签 * @param {Object.attribute} tag 标签 * @param {Object.attribute} attribute ...
- js基础（创建标签）
创建标签 var divBox1 = document.getElementById('box1'); var p = document.createElement('p'); p.innerHTML ...
- 手动创建Maven项目并建立两个项目之间的依赖关系
用命令行快速建立maven项目 -> mvn:archetype:generate -> 直接回车或者自己输入你想生成的 -> groupId ->artifactId -&g ...
- 手动创建VS单元测试，显示代码覆盖率
Visual Studio 号称有史以来最强大的IDE,确实如此.创建单元测试也是一键完成:在方法的代码块中右键“Create Unit Test…”,勾选测试项,填项目名,完成.VS就会自动帮你创建 ...
- 使用JS对HTML标签进行增删改查
以下为通过JS对li标签进行简单的增删改查: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" ...
- js动态创建样式: style 和 link
js动态创建样式: style 和 link ie6 不能 document.createElement('style') 然后append到head标签里.所以就找到这样个好文章 有很多提供动态创建 ...
随机推荐
- perl 监控数据库用到的数据结构
[root@yun1 test]# cat a1.pl my $h={'192.168.11.187'=>['root','1234567'], '192.168.5.7' =>['roo ...
- Electrification Plan(最小生成树)
http://acm.sdut.edu.cn:8080/vjudge/contest/view.action?cid=50#problem/D 最小生成树模板,注意的是这里有k个发电站,它们不再需要连 ...
- POJ_1182_食物链_[NOI]_(并查集)
描述 http://poj.org/problem?id=1182 共A,B,C三种动物,A吃B,B吃C,C吃A.给出询问 q : t , x , y , 表示: x 与 y 是同类 ( t==1 ...
- android学习——必学基础组件
android基础组件是一个Android的开发人员必须要了解,且深刻理解的东西: 1.应用程序基础 2.应用程序组件 2.1.活动(Activities) 2.2.服务(Services) 2.3. ...
- [SAM4N学习笔记]按键程序(中断方式)
一.准备工作: 将上一节搭建的工程复制一份,命名为"6.key interrupt".这一节主要讲如何使用SAM4N的GPIO中断功能,实现按键的中断输入. 二.程序编写 ...
- phonegap与google analytics整合
用phonegap开发的app接近尾声,需要整一个谷歌分析进去. 1.首先申请一个GA帐号,在“what would you like to track”下选择APP
- [学习笔记]设计模式之Builder
写在前面 为方便读者,本文已添加至索引: 设计模式 学习笔记索引 作为一个新入职的魔导士呢,哦不,是程序员,我以为并没有太多机会去设计项目的软件架构.但是,工作一段时间之后,自己渐渐意识到,哪怕是自己 ...
- 利用xshell从windows上传文件到虚拟机
Xshell实现Windows上传文件到Linux主机 经常有这样的需求,我们在Windows下载的软件包,如何上传到远程Linux主机上?还有如何从Linux主机下载软件包到Windows下:之前我 ...
- C#环境下的数值计算库:MathNet
下面用一个简单的例子来说明MathNet的使用方法: 1. 进入MathNet官网找到数值计算库Math.NET Iridium(Numerics)并下载: 2. 将下载的文件解压缩,在目录下的Bin ...
- 在Excel里如何将多个工作簿合并到一个工作簿中
在Excel里如何将多个工作簿合并到一个工作簿中 当你必须将多个工作簿合并到一个工作簿时,你遇到过麻烦吗?最让人心烦的就是需要合并的工作簿里有很多张工作表.有人能推荐方法解决这个问题吗? 利用VBA ...