首页 > 其他好文 > 详细

2016.01.05 DOM笔记（一）

时间：2016-01-05 22:38:39 阅读：245 评论：0 收藏：0 [点我收藏+]

标签：

DOM节点的种类

　　元素和标签是一个意思，例如<body>标签或者称为<body>元素

　　节点DOM的节点分为三类元素节点，文本节点，属性节点

　　例如

　　<div id=‘box’>例子</div> 其中元素节点就是指这个div，文本节点就是指‘例子’这个文本，属性节点是指id

查找和定位节点

　　查找元素JS提供的几种方法：

1. getElementById()　　　　　　
  document.getElementById()
  DOM操作必须要等到HTML文档加载完毕才能进行
  怎样获取？
  （1）把含有DOM操作的<script>标签移后
  （2）使用onload事件
  window.onload = function(){
  //里面存放需要页面加载完毕后才要执行的代码
  }
  例如：
  window.onload=function(){
  var OneBox = document.getElementById(‘box‘);
  }
2. OneBox.tagName 获取元素节点的标签名字
3. OneBox.innerHTML 获取元素内的纯文本注意纯文本的含意包含HTML标签是文本内容而不是文本节点
4. OneBox.id 获取id值
5. OneBox.title 获取title值
6. OneBox.style 获取style属性对象如果想获取stley对象则需要类似这样获取：OneBox.style.css
7. OneBox.className 获取css的class名字即获取元素节点class属性的值

　　查找文本

　　查找属性　

2016.01.05 DOM笔记（一）

标签：

原文地址：http://www.cnblogs.com/moonnan/p/5103852.html

踩

(0)

赞

(0)

举报

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行

更多

友情链接

兰亭集智国之画百度统计站长统计阿里云 chrome插件新版天听网

关于我们 - 联系我们 - 留言反馈

© 2014 mamicode.com 版权所有联系我们:gaon5@hotmail.com

迷上了代码！