代码；

<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手动创建标签的更多相关文章

  1. js中创建html标签、加入select下默认的option的value和text、删除select元素节点下全部的OPTION节点

    <pre name="code" class="java"> jsp 中的下拉框标签: <s:select name="sjx&qu ...

  2. java web(一) 使用sql标签库+tomcat+mysql手动创建一个jsp练习总结

    2016-09-0111:06:53                                     使用sql标签库+tomcat+mysql手动创建一个jsp 1. 1.1安装tomcat ...

  3. 用js创建标签

    html部分: <div id="div_1"> <table id="tab"></table> </div> ...

  4. js创建标签的方法--依赖于jquery

    /** * 创建标签,传入一个对象,返回一个完整的标签 * @param {Object.attribute} tag 标签 * @param {Object.attribute} attribute ...

  5. js基础（创建标签）

    创建标签 var divBox1 = document.getElementById('box1'); var p = document.createElement('p'); p.innerHTML ...

  6. 手动创建Maven项目并建立两个项目之间的依赖关系

    用命令行快速建立maven项目 -> mvn:archetype:generate -> 直接回车或者自己输入你想生成的 -> groupId ->artifactId -&g ...

  7. 手动创建VS单元测试，显示代码覆盖率

    Visual Studio 号称有史以来最强大的IDE,确实如此.创建单元测试也是一键完成:在方法的代码块中右键“Create Unit Test…”,勾选测试项,填项目名,完成.VS就会自动帮你创建 ...

  8. 使用JS对HTML标签进行增删改查

    以下为通过JS对li标签进行简单的增删改查: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" ...

  9. js动态创建样式: style 和 link

    js动态创建样式: style 和 link ie6 不能 document.createElement('style') 然后append到head标签里.所以就找到这样个好文章 有很多提供动态创建 ...

随机推荐

  1. perl unload gbk oracle 数据库

    perl unload gbk Oracle 数据库 use Encode; if ( $#ARGV < 0 ){ print "请输入一个文件\n"; exit(-1); ...

  2. Uncompressing Linux___ done, booting the kernel_tekkamanninja-ChinaUnix博客

    今天用主线Linux内核移植到MINI6410,主线内核2.6.37.1基本已经支持了MINI6410的板子,所以移植到能够启动起来的阶段很简单,但是在移植的时候还是出现了一个比较常见的问题: MIN ...

  3. LA_3263_That_Nice_Euler_Circuits_(欧拉定理+计算几何基础)

    描述 https://icpcarchive.ecs.baylor.edu/index.php?option=com_onlinejudge&Itemid=8&category=15& ...

  4. JS 利用数组拼接html字符串

    var cc = []; cc.push('<td colspan=' + fields.length + ' style="padding:10px 5px;border:0;&qu ...

  5. Windows SharePoint Services 3.0编码开发工具和技巧(Part 1 of 2)

    转:http://blog.csdn.net/mattwin/article/details/2074984 WSSv3 Technical Articles_Windows SharePoint S ...

  6. 构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统（1）-前言与目录（持续更新中...）

    转自:http://www.cnblogs.com/ymnets/p/3424309.html 曾几何时我想写一个系列的文章,但是由于工作很忙,一直没有时间更新博客.博客园园龄都1年了,却一直都是空空 ...

  7. js 获取 sktime时间

    效果图如下: HTML代码: <html> <head> <script> //------------------------------------------ ...

  8. [转载]tcp可靠性的好文

    TCP是通过什么方式来提供可靠传输的 2012-11-23 14:18 665人阅读 评论(0) 收藏 举报 TCP是通过什么方式来提供可靠传输的 (合理截断数据包,超时重发,校验,失序重新排序,能够 ...

  9. Cogs 309. [USACO 3.2] 香甜的黄油 dijkstra,堆,最短路,floyd

    题目:http://cojs.tk/cogs/problem/problem.php?pid=309 309. [USACO 3.2] 香甜的黄油 ★★   输入文件:butter.in   输出文件 ...

  10. HW4.20

    public class Solution { public static void main(String[] args) { boolean isPrime = true; int count = ...