如何在html创建js对象,在js中使用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("http://www.ffasp.com/","网页教学网");

2.创建DIV

var o = document.body;

//创建DIV

function createDIV(text)

{

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

div.innerHTML = text;

o.appendChild(div);

}

createDIV("网页教学网：http://www.ffasp.com/");

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);

原处：

http://www.ffasp.com/content.asp?newsid=1253

https://www.cnblogs.com/7qin/p/10634291.html

如何在html创建js对象,在js中使用createElement创建HTML对象和元素相关推荐

js将url地址中的信息转化为对象obj
js将url地址中的信息转化为对象obj function urlToObj(str) {let obj = {};let str1 = str.split("?");let st ...
python中如何创建类的对象_python面向对象中如何建立具体的对象？
我们现在眼前所能看到的事物,都是具体的对象.很多小伙伴在面向对象中创建对象,其实都停留在对象名称的建立,计算机中并没有具体对象的描述属性.我们想要使用python中的类,建立的对象就需要是具体的.下面 ...
python中函数type可以测试对象类型_Python中type函数type()显示对象的类型,dir函数dir()显示的是对象可用的方法。_学小易找答案...
[判断题]new_word = word.upper() 这一语句表示将word这个变量的值全部小写并赋给新变量new_word. [单选题]All of the students have fini ...
在js中使用createElement创建HTML对象和元素
1.创建链接 <script language="javascript"> var o = document.body; //创建链接 function createA ...
在js中使用createElement创建HTML对象和元素_无需整理
为什么80%的码农都做不了架构师?>>> 1.创建链接<script language="javascript"> var o = docume ...
帆软报表 js 调用sql_SQL Server中的报表–创建由先前创建的主报表调用的基于矩阵的子报表
帆软报表 js 调用sql Introduction 介绍 As you will remember from our last "get together" we created ...
linux怎么创建用户教程,在Linux中如何手动创建一个用户
1.首先要明白用useradd创建用户的时候会更改添加5个地方的内容 (1)/etc/passwd //比如创建useradd 111 // [root@localhost ...
python opencv创建图像_使用Python中OpenCV库创建一幅图片的RGB通道图片
我们知道,在使用PhotoShop进行图片的抠取.创建和存储选区.存储图像的色彩资料等复杂操作时,经常会用到一个功能,那就是"RGB"通道,它能从三原色角度对一幅图片进行精准处理. ...
kali创建文件_在kali中使用ecryptfs创建加密文件夹-bin文件夹
在linux中有一个加密工具叫ecryptfs,我们可以在kali中安装它,创建一个用于加密的文件夹,用eCryptFS加密的伪文件系统挂载到你现有的文件系统上,把我们需要加密的文件放入这个文件夹就可 ...

如何在html创建js对象,在js中使用createElement创建HTML对象和元素

如何在html创建js对象,在js中使用createElement创建HTML对象和元素相关推荐

最新文章

热门文章