c 生成html的div,createElement动态创建HTML对象脚本代码

1.创建链接

var o = document.body;

//创建链接

function createA(url,text)

{

var a = document.createElement("a");

a.href = url;

a.innerHTML = text;

a.style.color = "red";

o.appendChild(a);

}

createA("https://www.jb51.net/","牛C网");

2.创建DIV

var o = document.body;

//创建DIV

function createDIV(text)

{

var div = document.createElement("div");

div.innerHTML = text;

o.appendChild(div);

}

createDIV("牛C网：https://www.jb51.net/");

3.创建表单项

var o = document.body;

//创建表单项

function createInput(sType,sValue)

{

var input = document.createElement("input");

input.type = sType;

input.value = sValue;

o.appendChild(input);

}

createInput("button","ooo");

4.创建表格

var o = document.body;

//创建表格

function createTable(w,h,r,c)

{

var table = document.createElement("table");

var tbody = document.createElement("tbody");

table.width = w;

table.height = h;

table.border = 1;

for(var i=1;i<=r;i )

{

var tr = document.createElement("tr");

for(var j=1;j<=c;j )

{

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

td.innerHTML = i "" j;

//td.appendChild(document.createTextNode(i "" j));

td.style.color = "#FF0000";

tr.appendChild(td);

}

tbody.appendChild(tr);

}

table.appendChild(tbody);

o.appendChild(table);

}

createTable(270,270,9,9);

c 生成html的div,createElement动态创建HTML对象脚本代码相关推荐

html给自动生成的td赋值,JS动态创建Table,Tr,Td并赋值的具体实现
成果库修改: 要求主题列表随成果类型改变而改变网上查询资料后开工,在成果类型下拉框添加change()事件触发Dwr,查询主题集合--动态创建/编辑Table 概要代码如下: JS //动态获取主题 ...
【设计模式】代理模式 ( 动态代理使用流程 | 创建目标对象 | 创建被代理对象 | 创建调用处理程序 | 动态创建代理对象 | 动态代理调用 )
文章目录前言一.静态代理的弊端二.动态代理的优势三.动态代理使用流程 1.目标对象接口 2.被代理对象 3.调用处理程序 4.客户端四.动态生成代理对象类的字节码文件数据前言代 ...
QT通过JavaScript动态创建QML对象
QT通过JavaScript动态创建QML对象通过JavaScript动态创建QML对象动态创建对象动态创建组件从QML字符串创建对象维护动态创建的对象动态删除对象通过JavaScrip ...
Silverlight动态创建XAML对象和遍历对象
1.动态创建XAML对象 StringBuilder xaml = new StringBuilder(); xaml.Append("<TextBlock "); xaml ...
Silverlight 2动态创建矩形对象(附完整源代码)
Silverlight 2动态创建矩形对象(附完整源代码)[转] 使用Silverlight 2的Canvas,写了一个动态创建Rectangle的示例,由于时间的原因所以难免有些不足之处,但程序功能 ...
java动态创建代理对象
代理模式在开发过程中有着众多好处,现在我先给大家首先介绍什么是代理模式,以及java的中代理模式的使用,最后再看代理模式的概念作用等自然就会明白了 1.动态创建代理对象 >>>> ...
php动态增加div,JavaScript动态创建div等元素实例
js动态创建div等元素实例 var Test={ createDiv:function(){ var div = document.createElement('div'); div.id=&quo ...
html给自动生成的td赋值,JS 动态创建Table,Tr,Td并赋值的简单示例
修改: 要求主题列表随成果类型改变而改变网上查询资料后开工,在成果类型下拉框添加change()事件触发Dwr,查询主题集合--动态创建/编辑Table JS部分: 经测试代码如下: /** * 动 ...
python3 动态创建类对象并调用函数
1. 首先import相关模块`import importlib` 2. 加载你想要加载的模块`model = importlib.import_module(模块名称)` 3. 获取类对象`api_ ...
ASP.NET DEMO 18: 如何编程动态创建 Menu
ASP.NET DEMO 15: 如何编程动态创建 TreeView 的姊妹篇: <%@ Page Language="C#" %> <%@ Import Nam ...

c 生成html的div,createElement动态创建HTML对象脚本代码

c 生成html的div,createElement动态创建HTML对象脚本代码相关推荐

最新文章

热门文章