Javascript中有哪些创建节点的方法-创新互联

Javascript中有哪些创建节点的方法,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

目前创新互联建站已为数千家的企业提供了网站建设、域名、雅安服务器托管网站托管运营、企业网站设计、景德镇网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

Javascript创建节点的方法有几种

下面列出常用的创建节点的方法:

方法 说明

createElement() 创建一个元素节点

createTextNode() 创建一个文本节点

createComment() 创建一个文本节点

createDocumentFragment() 创建文档碎片节点

以上四种方法都是 document 对象的方法。

createElement()

createElement()用来创建一个元素节点,即 nodeType=1 的节点。

语法:

document.createElement(tagName)

其中,tagName 为HTML标签的名称,并将返回一个节点对象。

例如,创建div>标签和p>标签的语句如下:

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

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

createTextNode()

createTextNode()用来创建一个文本节点,即 nodeType=3 的节点。

Javascript创建节点的方法有几种

语法:

document.createTextNode(text)

其中,text 为文本节点的内容,并将返回一个节点对象。

例如,创建一个文本节点,内容为“ 这是文本节点 ”:

?

1

var ele_text=document.createTextNode(" 这是文本节点 ");

createComment()

createComment()用来创建一个注释节点,即 nodeType=8 的节点。

语法:

document.createComment(comment)

其中,comment 为注释的内容,并将返回一个节点对象。

例如,创建一个注释节点,内容为“ 这是一个注释节点 ”:

var ele_comment=document.createComment(" 这是一个注释节点 ");

createDocumentFragment()

createDocumentFragment() 用来创建文档碎片节点。

文档碎片节点是若干DOM节点的集合,可以包括各种类型的节点,如 元素节点、文本节点、注释节点 等。文档碎片节点在创建之初是空的,需要向它添加节点。

语法:

document.createDocumentFragment();

例如,创建一个文档碎片节点,并将它赋值给变量:

var ele_fragment=document.createDocumentFragment();

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联网站建设公司,的支持。


文章名称:Javascript中有哪些创建节点的方法-创新互联
当前路径:http://pwwzsj.com/article/ddseec.html