DOM节点的种类

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

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

　　例如

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

查找和定位节点

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

    1. getElementsById()　　　　　　
      document.getElementsById()
      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标签  是文本内容而不是文本节点
      同时可以通过innerHTML来修改内容即进行赋值，而且此时可以解析HTML了而不再是纯文本的形式了
      例如：OneBox.innerHTML='修炼<strong>JS</strong>';
    4. OneBox.id 获取id值
    5. OneBox.title 获取title值
    6. OneBox.style 获取style属性对象  如果想获取stley对象则需要类似这样获取：OneBox.style.css
    7. OneBox.className 获取css的class名字  即获取元素节点class属性的值
    8. OneBox.setAttribute('title','标题');创建一个属性和属性值
    9. getElementByTagName()
      documet.getElementsByTagName()
      例如HTML关于li标签的只有如下代码段：
      <ul>
          <li>示例1</li>
          <li>示例2</li>
      </ul>
      使用
      var OneLi = document.getElementsByTagName('li');
    10. OneLi就是一个带有li标签的HTML对象集合，利用OneLi[0]获取首个对象
    11. 同样有OneLi[0].innerHTML    OneLi[0].tagName
      ps:养成区分大小写的习惯
    12. getElementsByName()

2016.01.05 DOM笔记（一） 查找元素的更多相关文章

  1. 2016.01.07 DOM笔记（二） DOM节点

    node节点属性 nodeName属性 oneBox= document.getElementsById('box');var s = oneBox.nodeName;  //nodeName与tag ...

  2. DOM 之 document 查找元素方法

    DOM 之 document 查找元素方法 getElementById("idName"); // 始终取得第一个 idName 的元素 getElementsByTagName ...

  3. JavaScript DOM操作之查找元素节点

    概要: 编程接口 可通过 JavaScript 对 HTML DOM 进行访问. 所有 HTML 元素被定义为对象,而编程接口则是对象方法和对象属性. 方法是您能够执行的动作(比如添加或修改元素). ...

  4. extern “C”原理，用法以及使用场景-2016.01.05

    1 问题提出 在编程过程中,经常发现如下用法: #ifndef _FILE_NAME_H_ #define _FILE_NAME_H_ #ifdef __cplusplus extern " ...

  5. jQuery使用（四）：DOM操作之查找兄弟元素和父级元素

    查找兄弟元素 向下查找兄弟元素 next() nextAll() nextUntil() 向上查找兄弟元素 prev() prevAll() prevUntil() 查找所有兄弟元素 siblings ...

  6. C++笔记（7）——一些模拟题：简单模拟、查找元素、图形输出、日期处理、进制转换、字符串处理

    以下内容基本来自<算法笔记>,作者为胡凡,建议直接买书看,我这里只是摘抄部分当笔记,不完整的. 简单模拟 就是一类"题目怎么说你就怎么做"的题目.这类题目不涉及算法,只 ...

  7. 058 01 Android 零基础入门 01 Java基础语法 06 Java一维数组 05 案例：求数组元素的最大值

    058 01 Android 零基础入门 01 Java基础语法 06 Java一维数组 05 案例:求数组元素的最大值 本文知识点:求数组元素的最大值 案例:求数组元素的最大值 程序代码及其执行过程 ...

  8. 011 01 Android 零基础入门 01 Java基础语法 02 Java常量与变量 05 变量的三个元素的详细介绍之三—— 变量值——即Java中的“字面值”

    011 01 Android 零基础入门 01 Java基础语法 02 Java常量与变量 05 变量的三个元素的详细介绍之三-- 变量值--即Java中的"字面值" 变量值可以是 ...

  9. DOM查找元素

    1. 查找元素5种: 1. 按id查找1个元素对象: var elem=document.getElementById("id值"); 何时使用:1. 元素必须有id 2. 精确查 ...

随机推荐

  1. Ubuntu 16.04安装Meld文件比对工具替代Beyond Compare

    Beyond Compare是商业软件,不建议使用,下载地址:http://www.scootersoftware.com/download.php.下载完直接运行或者通过dpkg安装即可. 其实Li ...

  2. linux 设置root可以远程登陆

    编辑/etc/ssh/sshd_config 设置 PermitRootLogin yes 重启ssh 服务 ubuntu service ssh start

  3. squid配置透明代理

    搞了半个月的squid普通代理和透明代理最终差点儿相同了!! squid配置透明代理主要有两步.见图: 第一个基本的步骤:设置client默认网关,让默认网关指向squid代理server water ...

  4. Wireshark 抓包遇到 you don’t have permission to capture on that device mac 错误的解决方案

    Wireshark 抓包遇到 you don’t have permission to capture on that device mac 错误的解决方案 上次有篇博客讲了如何利用wireshark ...

  5. 在SAE搭建Python+Django+MySQL（基于Windows）

    为了与时俱进,工作闲余開始研究Python,刚一接触就被Python这"优雅"的语法吸引住.后来接触到了Django.尽管还没有太深入的研究.但对这样的新概念的WEB开发非常感兴趣 ...

  6. Js通用验证

    //-----------------------------------------------------js 验证封装 zhy2014-07-10------------------------ ...

  7. EF中System.Data.Entity.Internal.AppConfig的类型初始值设定项引发异常

    使用Entity的时候遇到的一个错 问题出在项目的App.config中 解决: 1.configSections要写在最顶端 2. 当中的incariantName会变成incariantNodeN ...

  8. 换npm yarn的源让install超时去死吧

    安装npm install时,长时间停留在fetchMetadata: sill mapToRegistry uri http://registry.npmjs.org/whatwg-fetch处, ...

  9. min-max容斥小结

    https://www.zybuluo.com/ysner/note/1248287 定义 对于一个集合\(S\), \(\min(S)\)表示其第一个出现的元素(\(or\)最小的元素), \(\m ...

  10. THE DRUNK JAILER

    http://poj.org/problem?id=1218 题意:门的状态有两种开或关,初始化为开,每次进行状态转换,第一次把门号是1的倍数的门状态转换,第二次把门号是2的倍数的门状态转换,.... ...