JS追加元素的几种方法

append(),在父级最后追加一个子元素
appendTo(),将子元素追加到父级的最后
prepend(),在父级最前面追加一个子元素
prependTo(),将子元素追加到父级的最前面
after(),在当前元素之后追加(是同级关系)
before(),在当前元素之前追加(是同级关系)
insertAfter(),将元素追加到指定对象的后面(是同级关系)
insertBefore(),将元素追加到指定对象的前面(是同级关系)
appendChild(),在节点的最后追加子元素

JS获取当前元素的上/下一个兄弟级元素或其他元素的方法

//得到s的全部子节点
var chils = s.childNodes;  //得到s的父节点
var par = s.parentNode;  //获得s的下一个兄弟节点
var ns = s.nextSibling;   //得到s的上一个兄弟节点
var ps = s.previousSibling;  //获得s的第一个子节点
var fc = s.firstChild;   //获得s的最后一个子节点
var lc = s.lastChild;  

JS追加元素和获取兄弟元素、父元素的方法相关推荐

  1. js获取对象的父元素,子元素,兄弟元素

    今天测试我昨天写好的js插件,发现昨天考虑欠妥,导致[修改]做不了了!主要原因是我以前都是遍历表格,在每条记录后面添加修改按钮.现在用局部刷新表格的方法,每次都自动生成表格内容,以致于无法在记录后面生 ...

  2. JS DOM获取 兄弟和子 元素节点

    JS DOM获取 兄弟和子 元素节点 文章目录 JS DOM获取 兄弟和子 元素节点 children 和 childNodes firstChild 和 firstElementChild last ...

  3. electronjs设置宽度_Js操作DOM元素及获取浏览器高宽的简单方法

    在JavaScript中,经常会来获取Document文档元素,是 HTML 文档对象模型的英文缩写,Document Object Model for HTML,是基于浏览器编程,HTML DOM ...

  4. html盒子模型子元素怎么水平占满父元素_CSS盒子模型、溢出处理、浮动、高度坍塌问题...

    盒子模型 1.内容区 width 盒子内容区宽度 height 盒子内容区高度 background-color 背景颜色 盒子可见大小由内容区,内边距和边框共同决定 为元素设置边框,必须指定3个样式 ...

  5. Atitit.判断元素是否显示隐藏在父元素 overflow

    Atitit.判断元素是否显示隐藏在父元素 overflow 1.1. scrollTop  指的是元素的滚动条顶端距离原生基线的高度...1 1.2. 判断元素是否显示隐藏在父元素  $(next) ...

  6. 解决IE6,IE7下子元素使用position:relative、父元素使用overflow:auto后,子元素不随着滚动条滚动的问题...

    解决IE6,IE7下子元素使用position:relative.父元素使用overflow:auto后,子元素不随着滚动条滚动的问题 在IE6,IE7下,子元素使用position:relative ...

  7. [css] 父元素下有子元素,子元素也有高度但父元素的高度为何为0呢?分析下可能出现的原因及解决方法

    [css] 父元素下有子元素,子元素也有高度但父元素的高度为何为0呢?分析下可能出现的原因及解决方法 父元素塌陷父元素在文档流中高度默认是被子元素撑开的,当子元素脱离文档流以后,将无法撑起父元素的高度 ...

  8. 获取父窗口元素或者获取iframe中的元素(相同域名下)

    jquery方法 在父窗口中获取iframe中的元素 //方法1 $("#iframe的ID").contents().find("iframe中的元素");/ ...

  9. JS表单的获取、表单元素的获取、提交表单

    获取表单 document.getElementById("id属性值"),通过表单的id属性值获取属性对象 document.表单的name属性值,通过表单的name属性值获取表 ...

最新文章

  1. 数据蒋堂 | 非常规聚合
  2. 实验协作的时候需要做什么?
  3. 201671010423 词频统计软件项目报告
  4. Vue之通过代理设置跨域访问
  5. QT的常用对话框的应用
  6. 2.3.12 Python 函数进阶-装饰器
  7. 概率语言模型及其变形系列-LDA及Gibbs Sampling
  8. 20200713每日一句
  9. Quartus II 12.0 下载、安装和破解
  10. arcgis栅格数据绘制等值线_arcgis10.0,等值线
  11. teamviewer13试用期已到期,错装商业版怎么还原成个人版?
  12. ansys linux卸载干净,怎么把ansys删除干净
  13. 鸟哥的linux私房菜_linux磁盘与文件系统管理
  14. J9数字论:如何避免踩雷多头陷阱?
  15. Scratch快速入门(一)
  16. 服务器进系统后键盘鼠标一卡一卡的,windows10系统鼠标卡顿的处理方法
  17. 网站QQ扫码登录代码及详细说明
  18. 美赛模板修改【超全版】
  19. Intel仿人类大脑研发“神经元”芯片,可以解读人的喜怒哀乐
  20. GNU Radio教程 9.QPSK调制解调

热门文章

  1. Jenkins API之读取日志
  2. QT之QTimer详解以及结合多线程中开启定时器的示例
  3. 【2022前端面试】HTML面试题汇总(加紧收藏)
  4. 【leetcode】灯泡开关c++
  5. Starting From 0 Learning Python(The Fourth Day)
  6. git 中 subproject commit XXX错误
  7. 成本函数 J(θ) 的函数图形------凸函数与非凸函数
  8. Python循环命名
  9. LF 和 CRLF 的区别
  10. huge c语言,C语言大项目 · GrandPaLee/C语言大项目 - Gitee.com