xml不支持innerHTML<p id="bj">北京</p><script type="text/javascript">//创建<div> 节点，添加到<body>节点中var divElement=document.createElement("div");divElement.innerHTML="<B>AFASFD</B>"//父亲.appendChild(子)//document.getElementsByTagName("body")[0].appendChild(divElement);//获取body的特殊的方式var bodyElement=document.body;bodyElement.appendChild(divElement);//另外一种添加值的方式，谨防不支持innerHTML的，比如xmlvar divElement=document.createElement("div");//创建文本节点var txtElement=document.createTextNode("呵呵啊");divElement.appendChild(txtElement);document.body.appendChild(divElement);</script>

1.创建链接

<script language="javascript"> 
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/","网页教学网"); 
</script> 
 

2.创建DIV

<script language="javascript"> 
var o = document.body; 
//创建DIV 
function createDIV(text) 
{ 
var div = document.createElement("div"); 
div.innerHTML = text; 
o.appendChild(div); 
} 
createDIV("网页教学网：http://www.ffasp.com/");    
</script> 
3.创建表单项
<script language="javascript"> 
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"); 
</script> 
4.创建表格
<script language="javascript"> 
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); 
</script>

js createElement appendChild createTextNode用法相关推荐

  1. js中appendChild的用法

    0X00写在最前 之前学习js时看到的appChild方法都是用于列表,也就是添加li标签之类,类似这样 今天在mdn上看到了新的用法,令人耳目一新,记录一下与大家共同分享 0x01项目地址 http ...

  2. javascript基础——文字变大变小className的使用及JS浮动的兼容用法

    文字变大变小,详情页比较常见的那种 <!DOCTYPE html> <html lang="en"> <head><meta charse ...

  3. 利用Console来调试JS程序、Console用法总结

    利用Console来调试JS程序.Console用法总结(1) 一 .什么是 Console Console 是用于显示 JS和 DOM 对象信息的单独窗口.并且向 JS 中注入1个 console ...

  4. JS中typeof的用法

    转载自  JS中typeof的用法 js是一门弱语言,它在声明变量时无需确定变量的类型,js在运行时会自动判断.那么如何判断一个变量的类型呢,js提供了typeof运算符,用来检测一个变量的类型. 1 ...

  5. slot多作用域 vue_详解Vue.js 作用域、slot用法（单个slot、具名slot）

    作用域HEi免费资源网 在介绍slot前,需要先知道一个概念:编译的作用域.比如父组件中有如下模板:HEi免费资源网 {{message}} 这里的message就是一个slot,但是它绑定的是父组件 ...

  6. php function函数用法,js的function函数是什么？js中function的用法

    本篇文章给大家带来的内容是关于js的function函数是什么?js中function的用法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. Function与函数 Function是 ...

  7. js中小括号()的用法详解

    一.js中小括号()的用法详解 1.作为分组运算符: 分组运算符应该是再熟悉不过了,因为在小学数学中就有应用,例如: var a=(1+2)*4; console.log(a); 以上代码的输出值是1 ...

  8. js中indexOf的用法详解

    js中indexOf的用法详解 String.IndexOf 方法 (Char, [startIndex], [count]) 报告指定字符在此实例中的第一个匹配项的索引.搜索从指定字符位置开始,并检 ...

  9. js控制页面滚动到指定位置，js中scrollIntoView()的用法

    js中scrillIntoView()的用法--页面滚动到指定位置 最近遇到一个问题,在一个页面上,点击某个按钮时,滚动到页面的某一位置. 如图: 如果是我写的话,我可能会先获取滚动到的元素,然后获取 ...

最新文章

  1. Darknet_Yolov3模型搭建
  2. asp.net客户端脚本验证小技巧
  3. 老王教你怎样干掉局域网的IDA验证
  4. 深入探讨傅立叶变换、拉普拉斯变换、Z变换的联系与应用
  5. question regarding UI configuration type
  6. 如何设计实现一个地址反解析服务？
  7. linux mysql 文件夹权限_Linux 中文件和文件夹获取 MySQL 权限(SELinux)
  8. 怎样 判断一个网站是不是伪静态
  9. Spring Cloud Gateway （七）处理流程解析
  10. zoj 1372
  11. uniapp接入谷歌广告
  12. 2022年12月最新快速批量删除微博内容_新版本如何批量删除微博以前发过的博文内容
  13. 一点击文件夹里的wps文件就卡死,不管放在哪个盘
  14. 天正建筑中如何将标注单位M改为mm
  15. Ubuntu20.04安装，并Linux微信等
  16. 固态硬盘故障表现及数据恢复方案
  17. 论文阅读-2022.1.7-Don’t be Contradicted with Anything CI-ToD: Towards Benchmarking Consistency for Task
  18. 腾讯大咖分享 | 腾讯Alluxio(DOP)在金融场景的落地与优化实践
  19. 如何打造出让人欲罢不能的“爆款”产品，这5个秘籍你收好！
  20. Tyvj 题目1088 treat（DP+记忆化搜索）

热门文章

  1. 【Android 插件化】VirtualApp 接入 ( 安装 APK 插件应用 | 启动插件 APK 应用 | MainActivity 安装启动插件完整代码 )
  2. 【错误记录】Android Studio 编译报错 ( Error:Connection timed out: connect | 更新配置依赖仓库方式 )
  3. 【Android 安装包优化】使用 lib7zr.so 动态库处理压缩文件 ( 拷贝 lib7zr.so 动态库头文件到 Android 工程中 | 配置 CMakeLists.txt 构建脚本 )
  4. 【Flutter】Animation 动画 ( Flutter 动画的核心类 | Animation | CurvedAnimation | AnimationController | Tween )
  5. 【Flutter】Icons 组件 ( FlutterIcon 下载图标 | 自定义 svg 图标生成 ttf 字体文件 | 使用下载的 ttf 图标文件 )
  6. 【Flutter】Flutter 项目中使用 Flutter 插件 ( Flutter 插件管理平台 | 搜索 Flutter 插件 | 安装 Flutter 插件 | 使用 Flutter 插件 )
  7. 【Android 内存优化】Bitmap 图像尺寸缩小 ( 设置 Options 参数 | inJustDecodeBounds | inSampleSize | 工具类实现 )
  8. Autodesk布道GIS新理念
  9. 可编辑树Ztree的使用（包括对后台数据库的增删改查）
  10. 将功补过 树形动态规划