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标签里.所以就找到这样个好文章 有很多提供动态创建 ...
随机推荐
- c#生成注册码的两种方法(mac地址与IP地址)
using System; using System.Management; using System.Security.Cryptography; using System.IO; using Sy ...
- Ehcache Java开源缓存框架
一.ehcache.xml 配置详解 单机配置: <ehcache xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" ...
- Hive JSON数据处理的一点探索
背景 JSON是一种轻量级的数据格式,结构灵活,支持嵌套,非常易于人的阅读和编写,而且主流的编程语言都提供相应的框架或类库支持与JSON数据的交互,因此大量的系统使用JSON作为日志存储格式. ...
- Android 应用页面延缓载入
1.新建一个线程,使用handle的延缓运行线程 new Handler().postDelayed(new Runnable() { // 为了减少代码使用匿名Handler创建一个延时的调用 pu ...
- DevExpress之lookupedit
DevExpress中的lookupedit的使用方法. 绑定数据源: lookupedit.properties.valuemember = 实际要用的字段; //相当于editvalu ...
- HDU-1686 Oulipo
学习:重点理解这句话的意思: next[j]会告诉我们从哪里开始匹配 模板题. Oulipo Time Limit: 3000/1000 MS (Java/Others) Memory ...
- 使用Hexo搭建github博客步骤，超简便
categories: 工具 tags: git Windows 搭建博客 你只需要node环境和一个github账号就可以开工啦! 本教程适合于Windows环境,Mac教程也大同小异 利用hexo ...
- Keepass TAN 记录的使用
之前一直不知道 Keepass 软件中这个“TAN”是做什么用的,今天看了帮助文档,然后通过维基百科,有了一些大致的了解. 简单来说,一个 TAN 记录用于某些网站增加安全操作使用的.常规下只要用户名 ...
- JNI 从C文件向Java文件传递多个参数
JNI C主函数 #include <jni.h> #include <string.h> #include <android/log.h> #include &q ...
- div border-radius画圆
不要指定border-width属性: <html> <style type="text/css"> div{ border-style: solid; b ...