博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
创建元素节点
阅读量:5236 次
发布时间:2019-06-14

本文共 1025 字,大约阅读时间需要 3 分钟。

创建节点

  • createElement():按照给定的标签名创建一个新的元素节点,这个方法的返回值是一个指向新元素节点的引用指针。
reference = document.createElement(element);reference = document.createElement("p");reference = document.createElement("h");

  createElement()方法所返回的是引用指针指向的一个节点对象。它是元素节点,所以它的nodeType属性值将等于1:

var para = document.createElement("p");

在这个例子中para.nodeType返回值为1。para.nodeName返回值将是p或者P。

用createElement()方法创建出来的新元素节点不会被自动添加到文档里。新节点没有nodeParent属性,它只是存在于JavaScript上下文里面的DocumentGargment对象。如果想把这个DocumentGragment对象添加到你的文本文档里面,则需要使用appendChild()或insertBefore()方法或者replaceChild()方法

var para = document.createElement("p");document.body.appendChild(para);

这个例子将创建一个p元素,并把创建的新元素追加为body元素的lastChild子节点。

可以在任何时候对新创建出来的元素使用其他DOM方法,例如:可以随时对新元素的任意性进行设置,即使在吧这个元素插入文档之前也可以这样做

var para = document.createElement("p");para.setAttribute("title","My pargraph");document.body.appendChild(para);

当然也可以先把新元素插入文档,在对它的属性进行设置

vara para = document.createElement("p");document.body.appentChild(para);para.setAttribute("titile","My paragraph");

 

转载于:https://www.cnblogs.com/zzq919101/p/6013810.html

你可能感兴趣的文章
项目经理面试中可能遇到的问题(持续更新)
查看>>
【转】总结前端面试过程中最容易出现的问题
查看>>
Java- 简单了解线程 生产者与消费者问题(三)
查看>>
centos rancher 通过本机 docker images 新增container
查看>>
【原】PNG的使用技巧
查看>>
android studio 使用SVN 锁定文件,防止别人修改(基于Android studio 1.4 )
查看>>
4412 uboot启动分析
查看>>
熟用TableView
查看>>
IO模型《六》IO模型比较分析
查看>>
Android 博客园客户端 (七)登录功能
查看>>
PHP动态页面 生产静态页 方法二
查看>>
Java大数——a^b + b^a
查看>>
poj 3164 最小树形图(朱刘算法)
查看>>
百度贴吧图片抓取工具
查看>>
服务器内存泄露 , 重启后恢复问题解决方案
查看>>
第二阶段冲刺(2)
查看>>
ajax post 传参
查看>>
2.1命令行和JSON的配置「深入浅出ASP.NET Core系列」
查看>>
[转]Debug 和 Release 编译方式的区别
查看>>
android一些细节问题
查看>>