HTML DOM Element appendChild() 方法

您所在的位置：网站首页 › 哪一种元素可以将声音添加到网页里面 › HTML DOM Element appendChild() 方法

HTML DOM Element appendChild() 方法

2024-07-03 05:34| 来源: 网络整理| 查看: 265

w3school 在线教程 HTML 系列教程浏览器脚本服务器脚本编程教程 XML 系列教程建站手册参考手册 JS 参考手册 JS 参考手册（类别排序） JS 参考手册（字母排序） JavaScript JS Array JS Boolean JS Class JS Date JS Error JS Global JS JSON JS Math JS Number JS RegExp JS String JS 对象 JS 运算符 JS 语句 JS 类型化数组 Window Window 对象 Window Console Window History Window Location Window Navigator Window Screen HTML DOM HTML Document HTML Element HTML Attribute HTML Event HTML Event 对象 HTML Collection HTML NodeList HTML DOMTokenList HTML Style Web API API Canvas API Console API Fetch API Fullscreen API Geolocation API History API MediaQueryList API Storage API Validation API Web HTML 对象 - button checkbox color date datetime datetime-local email file hidden image month number password radio range reset search submit text time url week
其他参考手册 CSSStyleDeclaration JS 类型转换 HTML DOM Element appendChild() 方法 addEventListener() attributes HTML DOM Elements 对象定义和用法
appendChild() 方法将节点（元素）作为最后一个子元素添加到元素。
另请参阅：
insertBefore() 方法

replaceChild() 方法

removeChild() 方法

remove() 方法

childNodes 属性

firstChild 属性

lastChild 属性

firstElementChild 属性

lastElementChild 属性
相关的文档方法：
createElement() 方法

createTextNode() 方法
实例例子 1
在列表中添加项目：
const node = document.createElement("li"); const textnode = document.createTextNode("Water"); node.appendChild(textnode); document.getElementById("myList").appendChild(node);
添加之前：
Coffee Tea
添加之后：
Coffee Tea Water
亲自试一试
例子 2
从一个列表向另一个列表中移动列表项：
const node = document.getElementById("myList2").lastElementChild; document.getElementById("myList1").appendChild(node);
移动之前：
Coffee Tea Water Milk
移动之后：
Coffee Tea Milk Water
亲自试一试
例子 3
创建带文本的段落：
创建段落元素创建文本节点向段落追加文本节点向文档追加段落
创建一个
元素并将其追加到元素：
const para = document.createElement("p"); const node = document.createTextNode("This is a paragraph."); para.appendChild(node); document.getElementById("myDIV").appendChild(para);
亲自试一试
例子 4
创建一个
元素并将其追加到文档的正文中：
const para = document.createElement("P"); const node = document.createTextNode("This is a paragraph."); para.appendChild(node); document.body.appendChild(para);
亲自试一试
语法 element.appendChild(node)
或
node.appendChild(node) 参数参数描述 node 必需。要追加的节点。返回值类型描述节点追加的节点。浏览器支持
element.appendChild() 是 DOM Level 1 (1998) 特性。

所有浏览器都完全支持它：
Chrome IE Edge Firefox Safari Opera Chrome IE Edge Firefox Safari Opera 支持 9-11 支持支持支持支持 addEventListener() attributes HTML DOM Elements 对象 JavaScript 和 HTML DOM 参考手册 JavaScript 实例 JavaScript 测验 JavaScript 教程
W3School 简体中文版提供的内容仅用于培训和测试，不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。版权所有，保留一切权利。

关于 W3School 帮助 W3School 使用条款隐私条款技术支持：赢科蒙ICP备06004630号

【本文地址】

HTML DOM Element appendChild() 方法

HTML DOM Element appendChild() 方法

今日新闻

推荐新闻