<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

 <head>

     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

     <title>prototype</title>

     <script type="text/javascript">

         window.onload = function (){

             /*

             var addNum = function (n1,n2){

                 this.num1 = n1;

                 this.num2 = n2;

                 this.add();

             }

             addNum.prototype = {

                 add:function(){

                     //return    this.num1 + this.num2;

                     alert(this.num1 + this.num2);

                 }

             }

             var n = new addNum(3,4);

             //alert(n.add());

             */

             var createItems = function (){

                 this.oBtn = document.getElementById("btn");

                 this.oName = document.getElementById("tagName");

                 this.oValue = document.getElementById("tagValue");

                 this.tag = this.oName.value;

                 this.val = this.oValue.value;

                 var _this = this;

                 this.oBtn.onclick = function (){

                     //console.log(this.tag + " , " + this.val + " , " + this);

                     _this.create(_this);

                 }

             }

             createItems.prototype = {

                 create:function(_this){

                     alert(this.tag);

                     _this.nTag = document.createElement(_this.tag);

                     _this.nTag.innerHTML = _this.val;

                     document.body.appendChild(_this.nTag);

                 }

             }

             var c = new createItems();

         }

     </script>

 </head>

 <body>

     <input type="text" name="tagName" id="tagName" style="width:50px;" value="" />

     <input type="text" name="tagValue" id="tagValue" value="" />

     <input type="button" value="点击" name="btn" id="btn" />

 </body>

 </html>
  • 错的
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

 <head>

     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

     <title>prototype</title>

     <script type="text/javascript">

         window.onload = function (){

             /*

             var addNum = function (n1,n2){

                 this.num1 = n1;

                 this.num2 = n2;

                 this.add();

             }

             addNum.prototype = {

                 add:function(){

                     //return    this.num1 + this.num2;

                     alert(this.num1 + this.num2);

                 }

             }

             var n = new addNum(3,4);

             //alert(n.add());

             */

             var createItems = function (){

                 this.oBtn = document.getElementById("btn");

                 this.oName = document.getElementById("tagName");

                 this.oValue = document.getElementById("tagValue");

                 var _this = this;

                 this.oBtn.onclick = function (){

                     _this.create();

                 }

             }

             createItems.prototype = {

                 create:function(){

                     this.tag = this.oName.value;

                     this.val = this.oValue.value;

                     this.nTag = document.createElement(this.tag);

                     this.nTag.innerHTML = this.val;

                     document.body.appendChild(this.nTag);

                 }

             }

             var c = new createItems();

         }

     </script>

 </head>

 <body>

     <input type="text" name="tagName" id="tagName" style="width:50px;" value="" />

     <input type="text" name="tagValue" id="tagValue" value="" />

     <input type="button" value="点击" name="btn" id="btn" />

 </body>

 </html>
  • 对的

prototype入门----自定义创建元素的更多相关文章

  1. 无废话Android之listview入门,自定义的数据适配器、采用layoutInflater打气筒创建一个view对象、常用数据适配器ArrayAdapter、SimpleAdapter、使用ContentProvider（内容提供者）共享数据、短信的备份、插入一条记录到系统短信应用（3）

    1.listview入门,自定义的数据适配器 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/and ...

  2. Sandcastle入门：创建C#帮助文档

    Sandcastle入门:创建C#帮助文档 今天学到了一个东西:利用vs2005生成的dll/xml来生成帮助文档. 完成这个伟大任务的是Sandcastle,微软推出的类库文档编译工具. 在开始这篇 ...

  3. React.js入门笔记 创建hello world 的6种方式

    一.ReactJS简介 React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站. ...

  4. SpringMVC基础入门，创建一个HelloWorld程序

    ref:http://www.admin10000.com/document/6436.html 一.SpringMVC基础入门,创建一个HelloWorld程序 1.首先,导入SpringMVC需要 ...

  5. XamarinAndroid组件教程设置自定义子元素动画(一)

    XamarinAndroid组件教程设置自定义子元素动画(一) 如果在RecyclerViewAnimators.Animators中没有所需要的动画效果,就可以自定义一个.此时,需要让自定义的动画继 ...

  6. jQuery3动画+创建元素

    一.jQuery的动画 1.jQuery自带的动画 1>变化的是width height opacity display <!DOCTYPE html> <html lang= ...

  7. 【WPF学习】第六十八章 自定义绘图元素

    上一章分析了WPF元素的内部工作元素——允许每个元素插入到WPF布局系统的MeasureOverride()和ArrangeOverride()方法中.本章将进一步深入分析和研究元素如何渲染自身. 大 ...

  8. HashSet存储自定义类型元素和LinkedHashSet集合

    HashSet集合存储自定义类型元素 HashSet存储自定义类型元素 set集合报错元素唯一: ~存储的元素(String,Integer,-Student,Person-)必须重写hashCode ...

  9. [MISSAJJ原创]cell内 通过SDWebImage自定义创建动态菊花加载指示器

    最后更新已经放到了github上了 MISSAJJ自己写的一个基于SDWebImage自定义的管理网络图片加载的工具类(普通图片加载,渐现Alpha图片加载,菊花Indicator动画加载) 经常在项 ...

随机推荐

  1. 关于宽搜BFS广度优先搜索的那点事

    以前一直知道深搜是一个递归栈,广搜是队列,FIFO先进先出LILO后进后出啥的.DFS是以深度作为第一关键词,即当碰到岔道口时总是先选择其中的一条岔路前进,而不管其他岔路,直到碰到死胡同时才返回岔道口 ...

  2. eclipse链接mySQL数据库常见错误

    1错误: 解决: 2,用户名输入错误 解决:查看自己的正确用户名https://zhidao.baidu.com/question/248308313.html 3. 解决: 链接示例:https:/ ...

  3. springboot笔记-1.自动化配置的关键

    最近发现看过的东西容易忘,但是写一遍之后印象倒是会深刻的多. 总所周知springboot极大的简化了java开发繁琐性,而其最大的优势应该就是自动化配置了.比如要使用redis,我们直接引入相关的包 ...

  4. Python socket day2

    接收数据 需要一个端口  (端口大于1024  1024一下的端口为特殊端口)  (当同一个端口同一时间只能被一个使用) 创建一个套接字  s = socket.socket(AF_INET,SOCK ...

  5. 主机与虚拟机连接，主机能ping通虚拟机虚拟机ping不通主机问题

    事件描述: 从物理主机ping虚拟机时,能正常返回信息.反之,从虚机ping物理主机时返回信息:Destination Host unreachable.   解决方法: 首先,是因为默认创建的虚拟机 ...

  6. 2.3.FastDFS-单机拆分版-与Nginx整合配置

    Centos610系列配置 我们在Centos610FastDFS单机模式-FastDFS安装 中已经完成了FastDFS的安装,接下来我们进行FastDFS调度器的安装. 1.找到先前解压出来的fa ...

  7. 使用电脑热点和Fiddler对Android app进行抓包

    如果没有路由器,怎么对app抓包?如果你的电脑可以开热点的话也可以. 打开Fiddler,菜单栏选择Tools->Options->Connections,勾选Allow remote c ...

  8. LeetCode练题——67. Add Binary

    1.题目 67. Add Binary——easy Given two binary strings, return their sum (also a binary string). The inp ...

  9. 【代码审计】VAuditDemo SQL注入漏洞

    这里我们定位 sqlwaf函数 在sys/lib.php中,过滤了很多关键字,但是42 43 44行可以替换为空 比如我们可以 uni||on来绕过过滤

  10. 炼金术(1): 识别项目开发中的ProtoType、Demo、MVP

    软件开发是很分裂的,只有不断使用原则和规律,才能带来质量. 只要不是玩具性质的项目,项目应该可以大概划分为0-1,1-10,10-100,100-1000四个种重要阶段.其中,0-1是原型验证性的:1 ...