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标签里.所以就找到这样个好文章 有很多提供动态创建 ...
随机推荐
- Minimum Cost(最小费用最大流)
Description Dearboy, a goods victualer, now comes to a big problem, and he needs your help. In his s ...
- [C# 网络编程系列]专题七：UDP编程补充——UDP广播程序的实现
转自:http://www.cnblogs.com/zhili/archive/2012/09/03/2666974.html 上次因为时间的关系,所以把上一个专题遗留下的一个问题在本专题中和大家分享 ...
- Linux之read用法
转载转载:www.cnblogs.com/iloveyoucc/archive/2012/04/16/2451328.html 1.基本读取 #!/bin/bash echo -n "Ent ...
- 【原】关于IPcamera几个问题的思考
安全性: 1.RTSP连接的权限管理. 2.视频加密(一般采用选择性加密算法,如对运动矢量,量化参数等进行加密.) 3.数字水印技术(用于版权等认证) 稳定性: 1.mobileIP 是用来进行丢包模 ...
- 操作12864（ST7920控制器）
引脚部分查看中文的12864介绍,下面这些可以在ST7920的英文数据手册里查到. Function Description 部分介绍工作方式.存储器.操作方法.Instructions 部分介绍指令 ...
- 研磨设计模式解析及python代码实现——(一)简单工厂模式
最近在学设计模式,正巧书之前学了些python,但用的还不是很成熟.<研磨设计模式>书上只给了java代码,本着以练手为目标,我照着书上打了一遍java代码,在仔细体会其思想后,将其写成了 ...
- Yii快速入门教程
Ⅰ.基本概念一.入口文件入口文件内容:一般格式如下:<?php$yii=dirname(__FILE__).'/../../framework/yii.php';//Yii框架位置$config ...
- 【转】【阮一峰的网络日志】Git 使用规范流程
作者: 阮一峰 日期: 2015年8月 5日 团队开发中,遵循一个合理.清晰的Git使用流程,是非常重要的. 否则,每个人都提交一堆杂乱无章的commit,项目很快就会变得难以协调和维护. 下面是Th ...
- Uniform resource name
A uniform resource identifier (URI) is a uniform resource locator(定位器,探测器) (URL), uniform resour ...
- Java 字符转码之UTF-8转为GBK/GB2312
java跟python类似的做法,在java中字符串的编码是java修改过的一种Unicode编码,所以看到java中的字符串,心理要默念这个东西是java修改过的一种Unicode编码的编码. pa ...