实例

返回列表中的最后一个子节点:

document.getElementById("myList").lastChild;
<!DOCTYPE html>
<html>
<body><p>列表示例:</p>
<ul id="myList"><li>Coffee</li><li>Tea</li></ul><p id="demo">请点击按钮来获得列表最后一个子节点的节点名。</p><button onclick="myFunction()">试一下</button><script>
function myFunction()
{var l=document.getElementById("myList");
var x=document.getElementById("demo");
x.innerHTML=l.lastChild.nodeName;
}
</script><p><b>注释:</b>元素中的空白被视作文本,而文本被视作文本节点。</p><p>请尝试在 UL 关闭标签之前添加空格,结果将是节点 name=#text。</p></body>
</html>

定义和用法

lastChild 属性返回指定节点的最后一个子节点,以 Node 对象。

23. Element lastChild 属性相关推荐

  1. JavaScript--DOM-- firstChild 和lastChild 属性

    4.4.6 firstChild 和lastChild 属性 数组元素childNodes[0] 有个更直观易读的同义词.无论何时何地, 只要需要访问childNodes 数组的第一个元素,都可以把它 ...

  2. nodeValue、firstChild和lastChild属性

    nodeValue属性 如果想改变一个文本节点的值,那就使用DOM提供的nodeValue属性,他用来得到(和设置)一个节点的值: node.nodeValue 但是有个细节必须注意:在用nodeVa ...

  3. element一些属性或方法

    element 1.from表单 2.upload 上传 1.from表单 this.$refs["ref"].resetFields(); // 清除表单验证结果以及重置// e ...

  4. java element 获取属性_java 获取类,属性变量,方法,方法参数上注解的值等

    一:获取类上注解的值 定义注解@Target(ElementType.TYPE)用于类,接口等 @Target(ElementType.TYPE) @Retention(RetentionPolicy ...

  5. Angular应用Base Element Href属性的设置

    index.html里有个base标签页,href属性为/: getBaseElementHref: getBaseHref: relativePath里有个document.createElemen ...

  6. 设置element表格属性(背景透明,颜色,边框...)

    /* 整个表格的宽度 */ .tableBox {width: 470px; } /* 标题行的内边距 */ ::v-deep .tableBox th {padding: 3px; } /* 内容行 ...

  7. Vue+Element el-table属性row-class-name用法及踩坑

    el-table属性row-class-name用法及踩坑 需求前提:想要给表格的某一行加上不同的background,用来区分当前行的状态 根据官方给出的文档官方文档 在el-table中绑定自定义 ...

  8. 32. Element tabIndex 属性

    定义和用法 tabIndex 属性设置或返回元素的 tab 键控制次序. 语法 HTMLElementObject.tabIndex=tabIndex 实例改变三个链接的 tab 次序:<htm ...

  9. JS-DOM Element方法和属性

    JS-DOM Element方法和属性 S-DOM Element方法和属性 一,获取html元素 1.getElementByID(id) 通过对元素的ID访问,这是DOM一个基础的访问页面元素的方 ...

  10. element 方法返回的boolean被当成字符串了_JavaScript 原生对象、属性、方法、事件、事件参数...

    /*** 事件参考 https://developer.mozilla.org/zh-CN/docs/Web/Events* Event <- UIEvent <- MouseEvent* ...

最新文章

  1. 实现 连续15签到记录_MySQL和Redis实现用户签到,你喜欢怎么实现?
  2. ebs查看服务状态_Oracle EBS - 工单状态
  3. ThinkPHP模板之二
  4. 培训是一种乐趣(3)
  5. XAF Study Recources
  6. 07_00_加载资源(Webpack Book)
  7. swf 文件在线播放的,怎么能够下载呢?(除视频外其它都可)
  8. nginx nodejs环境配置_在Linux系统配置Nodejs环境的最简单步骤,部署多个thinkjs(nodejs)项目...
  9. 微信智能硬件平台 简介
  10. Linux的用户和用户组管理(转)
  11. Idea集成svn插件
  12. UnicodeEncodeError: #39;ascii#39; codec can#39;t encode character u#39;\u5929#39; in position 2...
  13. java实现导出excel表_Java导出网页表格Excel过程详解
  14. Axure 7.0教程_小楼作品(十六)多值单变量的页面传值
  15. python opencv去图片水印(图片底色为白色)
  16. 企业研发人员配备比例_申报高新企业研发人员工资比例
  17. 63.QT-重写QStackedWidget模仿iphone的home界面,实现左右滑动
  18. 【BZOJ 1716】 [Usaco2006 Dec]The Fewest Coins 找零钱(背包dp)
  19. 项目进度控制的主要任务是什么?
  20. Olivetti Faces人脸数据集下载后图像分割matlab(亲测有效)

热门文章

  1. Bash递归函数计算斐波纳吉(fibonacci)数列
  2. Mysql:命令选项、配置选项、(全局、会话)系统变量、状态变量:SQL模式
  3. 我的5年Python7年R,述说她们的差异在哪里?
  4. jenkins配置自动发送邮件
  5. BZOJ1123: [POI2008]BLO
  6. win10环境下MinGW和MSYS的安装与配置
  7. J - X and Beasts
  8. 如何在集合中巧用Where来查找相关元素
  9. mabatis传入参数
  10. 事务复制中的msrepl_ccs