如何在html创建js对象,在js中使用createElement创建HTML对象和元素_lirumei的博客-程序员宝宝

技术标签：如何在html创建js对象

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

本文链接：https://blog.csdn.net/weixin_35784370/article/details/117979836

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

深入理解Linux网络技术内幕第22章处理分段_未羊_z的博客-程序员宝宝

处理分段IP分片IP分片IP层如果确定一个IP报文分片：第一个分片offset=0且MF=1中间的分片offset>0且MF=1最后一个分片offset>0且MF=0旧版本的内核在IP层处理IP分片，发送数据的函数可以接受0-64KB数据，当报文大于PMTU时，就必须把数据分割成多个IP报文。最近的版本是让L4协议协助分片任务，L4协议传递一组和PMTU匹配的缓冲区，IP层只需要为每个缓冲区增加IP头即可。分片方式快速分片慢速分片IP分片主要任务：把L3数据分成较

NSPointerArray、NSMapTable、NSHashTable介绍_想名真难的博客-程序员宝宝

原文 :http://www.saitjr.com/ios/nspointerarray-nsmaptable-nshashtable.htmlNSPointerArray原文 :https://www.jianshu.com/p/9c2e3ef1ca69NSMapTable原文 :https://www.jianshu.com/p/fb5db92bd1b8NSHashTabl...

DELL Poweredge R320 U盘安装2008R2系统_poweredge r320 u盘装机_ITer2019的博客-程序员宝宝

用U盘安装2008R2系统，需要加载RAID H310驱动，下载并解压到U盘后在Windows安装加载(https://downloads.dell.com/FOLDER01460337M/9/SAS-RAID_Driver_R2_4R5XT_A03_6.801.5.0_ZPE.exe)

qnx平台下的kanzi开发-rightwareUI开发学习-kanzi图形开发_锋影Q的博客-程序员宝宝

qnx平台下的kanzi开发-rightwareUI开发学习，写一个简单的Hello World程序，了解kanzi开发的一个大体流程，从UI设计师用kanzi studio开发，到到处kzb资源文件，再到软件工程师用vs开发。

centos安装android应用程序,centos7软件安装系列【二十一】安装android打包环境_玛丽轰55的博客-程序员宝宝

8种机械键盘轴体对比本人程序员，要买一个写代码的键盘，请问红轴和茶轴怎么选？下载地址：https://developer.android.google.cn/studio下载指定文件：命令如下：mkdir -p /data-scm/app/android-homecd /data-scm/app/android-homewget https://dl.google.com/android/rep...

C语言中关于字符串的使用，以及字符串的存储方式_定义如下字符串,实现字符串的存储和操作_难舍*的博客-程序员宝宝

由于C语言是最基础的语言，所以对于C语言中字符串的使用，有两种方法1.定义指针，给其一个指向，完成对字符串的引用。这里需要注意野指针的存在，要给指针一个指向，或者让其指向NULL，指针需要配合字符数组一起使用。2.定义字符数组，完成对字符串的引用。以对字符串比较函数为例。首先第一种方式。#include<stdio.h>#include<string.h> i...