javascript中createElement的两种创建方式
作者：永远爱好写程序 发布时间：2024-04-10 16:13:42
标签：javascript,createElement
本文实例讲述了javascript中createElement的两种创建方式。分享给大家供大家参考。具体实现方法如下：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CreateElement的两种创建方式</title>
<script type="text/javascript">
function CreateButton1() {
var btn = document.createElement("input");
btn.type = "button";
btn.value = "我是动态创建的1";
btn.onclick = function () {
alert(this.value);
}
document.body.appendChild(btn);
}
function CreateButton2() {
var btn = document.createElement("<input type='button' value='我是动态创建的2' "+"onclick='OnClick2(this)' />");
document.body.appendChild(btn);
}
function OnClick2(btn) {
alert(btn.value);
}
function CreateLink() {
var link = document.createElement("<a href='http://www.baidu.com'>百度</a>");
//注意这里链接的文本“百度”是不会显示出来的，
//必须设置innerText或innerHTML
link.innerText = "百度";
document.body.appendChild(link);
}
function CreateLabel() {
var lbl = document.createElement("label");
lbl.setAttribute("for", "userName");
lbl.setAttribute("myAge", "12");
//可以设置自定义标示
lbl.innerText = "用户名:";
document.body.appendChild(lbl);
}
</script>
</head>
<body>
<input type="button" value="动态创建按钮1" onclick="CreateButton1()" />
<input type="button" value="动态创建按钮2" onclick="CreateButton2()" />
<input type="button" value="动态创建链接" onclick="CreateLink()" />
<input type="button" value="动态创建Label" onclick="CreateLabel()" />
<input type="text" id="userName" value="李莫" />
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。
0
投稿猜你喜欢
前言：如果正在看文章的你，还不会绘制折线图，请看如何使用matplotlib绘制折线图这篇文章，该文章会仔细而详尽的告诉你绘制折线图的方法。- 1. 什么是虚拟环境？虚拟环境的意义，就如同 虚拟机 一样，它可以实现不同环境中Python依赖包相互独立，互不干扰。举个例子吧。假设我们的
- 从小的方面讲，帮助一般是指：手册、说明书、文档、FAQ 等等。从大的方面讲，可以是交互过程中的提示、指引、演示等信息，帮助无处不在！这一切，
- 这篇文章主要介绍了python如何实现单链表的反转,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可
- 在使用aiohttp结合apscheduler的AsyncIOScheduler模拟定点并发的时候遇到两个问题在调度器scheduler.s
- 1 Python自动绘图在这里我主要运用了pyautocad库进行AutoCAD的自动化操作，pyautocad是一款功能非常强大的Auto
- 问题你想根据一组语法规则解析文本并执行命令，或者构造一个代表输入的抽象语法树。 如果语法非常简单，你可以不去使用一些框架，而是自己写这个解析
- 本文实例为大家分享了Python Opencv基于透视变换的图像矫正，供大家参考，具体内容如下一、自动获取图像顶点变换（获取图像轮廓顶点矫正
- 1.解读tensorflow权重文件,透过 tf.train.NewCheckpointReader函数。2.reader.get_vari
- Case：需要给一个现有的shp数据创建一个字段，并将属性表中原有的一个文本类型的属性转换为整型后填入新创建的字段。Problem：新字段创
- 1、首先，界面上有个按钮触发操作：<button type="button" class="layui-
- 用python编表白程序的方法：1、创建GUI窗口，实现代码的调用。2、编写点击触发函数，实现表白程序。具体代码如下：from tkinte
- 一、安装MySQL在Ubuntu中，默认情况下，只有最新版本的MySQL包含在APT软件包存储库中,要安装它，只需更新服务器上的包索引并安装
- Microsoft? SQL Server? 2000 提供了两种主要机制来强制业务规则和数据完整性：约束和触发器。触发器是一种特殊类型的存
- 装饰器简介：装饰器(decorator)是一种高级Python语法。装饰器可以对一个函数、方法或者类进行加工。在Python中，我们有多种方
- 本文实例讲述了CodeIgniter自定义控制器MY_Controller用法。分享给大家供大家参考，具体如下：Codeigniter所有的
- HMAC 算法可用于验证在应用程序之间传递或存储在潜在易受攻击位置的信息的完整性。基本思想是生成与共享密钥组合的实际数据的加密散列。然后，可
- 一个asp读取数据库中数据到数组的类，仅供参考！DbPath = "test.mdb"’数据库位置&
- 数据模型==对象模型Python官方文档说法是“Python数据模型”，大多数Python书籍作者说法是“Python对象模型”，它们是一个
- 由于同事电脑上没有直接可以压缩gz.tar格式的压缩软件，而工作中这个又时常需要将zip文件转换为gz.tar格式，所以常常将压缩为zip格
