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标签里.所以就找到这样个好文章 有很多提供动态创建 ...
随机推荐
- Hibernate：组合模式解决树的映射
树经常用来展示目录结构,那么在Hibernate中怎样解决树的映射问题呢? 先来看一个分销商的树形结构的例子 所有分销商 东北区 辽宁省 沈阳医药 吉林省 华北区 北京市 北京医药 河北省 华南区 那 ...
- C# WinForm捕获未处理的异常
using System; using System.Collections.Generic; using System.Windows.Forms; using System.IO; namespa ...
- cocos2d-x 添加自定义字体---中文,英文
1: 找到字体 xxx.ttf 2: 在xcode工程的 Info.plist文件中添加key Fonts provided by application, 或者 UIAppFonts(raw ...
- Android 侧边栏(使用Support Library 4提供的扩展组件)
本文转自:http://www.apkbus.com/android-117148-1-1.html 写在前面的话:接触Android已经有一段时间了,自己积累的东西也算蛮多的.总结以往的经验,凡是关 ...
- 【Android 复习】：Android之ViewFlipper（一）
屏幕切换指的是在同一个Activity内屏幕见的切换,最长见的情况就是在一个FrameLayout内有多个页面,比如一个系统设置页面:一个个性化设置页面. 通过查看Android API文档可以发现, ...
- HDU 5952 Counting Cliques 【DFS+剪枝】 （2016ACM/ICPC亚洲区沈阳站）
Counting Cliques Time Limit: 8000/4000 MS (Java/Others) Memory Limit: 65536/65536 K (Java/Others) ...
- SVN服务器及客户端的使用
Subversion是优秀的版本控制工具,其具体的的优点和详细介绍,这里就不再多说. 首先来下载和搭建SVN服务器. 现在Subversion已经迁移到apache网站上了,下载地址:http://s ...
- Android性能测试
FPS和流畅度 FPS 1.dumpsys SurfaceFlinger –latency shell 脚本通过 dumpsys SurfaceFlinger --latency 数据计算 FPS 和 ...
- Windows Server AppFabric 安装文档
安装指南 入门标题页 3 Windows Server AppFabric 安装和配置指南 3 版权 3 版权所有 3 简介 3 清单:规划安装 4 硬件要求 4 使计算机作好安装准备 5 本节内容 ...
- sadfa
2015/03/16 星期一 在Android平台下编写客户端程序,界面只有开关若干个. 代码更新与3.17号 mainActivity.java: package com.fan.m ...