javascript动态创建对象

<!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" >
<head>

<title></title>
<script type="text/javascript" >

function btnClick() {
var div =
document.getElementById("divMian");
var input =
document.createElement("input"); //根据标签名创建DOM
input.type =
"button";
input.value = "动态创建按钮";
div.appendChild(input);

}
function btnClick1() {
var link =
document.getElementById("Link1");
alert(link.innerHTML);

alert(link.innerText);
}
function createTable()
{
//冒号的前面为Key
var data =
{"百度":"http://www.baidu.com","新浪":"http://www.sina.com"};
var div
= document.getElementById("table");

for (var Key in data) {
var tr =
document.createElement("tr");
var value = data[Key];

var td1 = document.createElement("td");

td1.innerText = Key;
tr.appendChild(td1);

var td2 = document.createElement("td");

td2.innerHTML = "<a href=‘" + value + "‘>" + value + "</a>";

tr.appendChild(td2);

div.appendChild(tr);

}

}
function key() {
var data = { "百度":
"http://www.baidu.com", "新浪": "http://www.sina.com" };
for (var
va in data) {
alert(va);
}
}

</script>
</head>
<body>
<div id
="divMian"></div>
<input type ="button"
onclick="btnClick()"value="创建按钮" />
<a href ="http://baidu.com" id
="Link1">传<font color="red" >智</font>播客</a>
<input
type ="button" onclick ="btnClick1()" value ="innerText与innerHTML"
/>
<br />
<table id ="table" ></table>
<input
type="button" value ="创建" onclick ="createTable()" /><br
/>
<input type ="button" value ="输出key" onclick ="key()"
/>
</body>
</html>

时间: 2024-11-05 19:41:58

javascript动态创建对象的相关文章

反射之动态创建对象

前言 C#有关反射的话题已经是个老生常谈的话题,也许园友一看这标题都不屑去看了,但是既然拿出来讲必有讲之道理,当然,不喜勿喷,高手请绕道!直入话题. 讨论 定义一个Person类代码如下 1 public class Person 2 { 3 4 /// <summary> 5 /// 年龄 6 /// </summary> 7 public int Age { get; set; } 8 9 /// <summary> 10 /// 姓名 11 /// </su

[搬运自我的CSDN博客] python抓取javascript动态生成HTML内容的实践

<注:CSDN博客在美国访问特别卡,所以转移到cnblogs来发文章> 本实验在Ubuntu14.04上完成.使用的浏览器是火狐(Firefox 33.0),python版本是2.7.6. 大家都知道用urllib配合正则表达式抓取静态HTML的内容很方便,但是如果网页中有javascript动态生成的内容,urllib就无能为力了. 此时我们要借助一个额外的工具:selenium.它的工作原理是操纵(火狐)浏览器浏览目标网页,等待网页中的javascript全部执行完毕后再对HTML源码进行

javascript生成表格增删改查 JavaScript动态改变表格单元格内容 动态生成表格 JS获取表格任意单元格 javascript如何动态删除表格某一行

jsp页面表格布局Html代码 <body > <center> <input type="text" value="111" id="mytext"> <table border="1" width="60%" id="mytable"> <tr> <td id="td1">第一行第一列<

JavaScript动态实现div窗口弹出&amp;消失功能

先积累一个JavaScript动态实现div窗口弹出&消失功能 首先是index.jsp代码 <html> <head> <link rel="stylesheet" href="css/DivStyle.css" media="screen"> <script type="text/javascript" src="scripts/div.js">&

C++ Primer 学习笔记_34_面向对象编程(5)--虚函数与多态(二):纯虚函数、抽象类、虚析构函数、动态创建对象

C++ Primer 学习笔记_34_面向对象编程(5)--虚函数与多态(二):纯虚函数.抽象类.虚析构函数.动态创建对象 一.纯虚函数 1.虚函数是实现多态性的前提 需要在基类中定义共同的接口 接口要定义为虚函数 2.如果基类的接口没办法实现怎么办? 如形状类Shape 解决方法 将这些接口定义为纯虚函数 3.在基类中不能给出有意义的虚函数定义,这时可以把它声明成纯虚函数,把它的定义留给派生类来做 4.定义纯虚函数: class <类名> { virtual <类型> <函

JavaScript对象 创建对象 继承

创建对象  --以下内容来自JavaScript高级程序设计 工厂模式 用函数来封装以特定接口创建对象的细节. function createPerson(name, age, job){ var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function(){ alert(this.name); }; return o; } var person1 = createPerson("Nichola

JavaScript动态更改页面元素

通过JavaScript动态变化HTML元素 至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.w

JavaScript总结--创建对象

      在JavaScript中创建对象主要就是用以下三种语句: var box=new Object(); 或var box=Object(); var box={};//字面量 function Box(){}://构造函数       现在,我们就牛刀小试,来创建一个对象 var man=new Object();//创建Object对象的实例:man man.name='Mr.Q';//man对象的name属性 man.sex=30;//man对象的name man.work=fun

.Net——动态创建对象

刚开始看到这个标题的时候其实我也是很难接受的,duang~因为实在想不出什么时候我要去这样子创建对象,干嘛不new一个呢?但根据学习设计模式的经验来说,有时候,不去new对象才是最灵活的做法. 首先,写个小类拿着玩儿: public class Calculator { private int x; private int y; public Calculator() { x = 0; y = 0; Console.WriteLine("Calculator () invoked");