JS-DOM操作应用高级(三)】的更多相关文章

创建节点 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=devic…
JS的DOM操作   1DOM是文档对象模型,这种模型为树模型:文档是指标签文档,对象是指文档中每个元素:模型是指抽象化的东西. 2间隔与延迟间隔执行一段代码(函数):window.setInterval("要执行的代码",间隔的毫秒数) 清除间隔执行:window.clearInterval(间隔的id); 循环一次之后用来清除隔执行的代码延迟一段时间执行某一段代码(函数):window.setTimeout("要执行的代码",延迟的毫秒数) 清除延迟:windo…
节点分为三类: 1.元素节点:标签<div></div> 2.文本节点:标签内的纯文本. 3.属性节点:标签内的属性,id或class 查找元素: getElementById();参数传递一个元素的id值,这样就可以获取到该元素节点 DOM操作必须等待HTML文档加载完毕,才可以获取 怎样获取? 1.把<script>移后 HTMLDivElement表示Div的节点对象 IE是以COM实现的DOM,所以只会返回一个object 2.用onload事件来加载html…
一.DOM基础 1.节点(node)层次 Document--最顶层的节点,所有的其他节点都是附属于它的. DocumentType--DTD引用(使用<!DOCTYPE>语法)的对象表现形式,它不能包含子节点. DocumentFragment--可以像Document一样来保存其他节点. Element--表示起始标签和结束标签之间的内容,例如<tag></tab>或者<tag/>.这是唯一可以同时包含特性和子节点的节点类型. Attr--代表一对特性名…
一.表格应用 - 1 获取 tBodies.tHead.tFoot.rows.cells 一个表格可以有很多tbody,所以tBodies是数组: 一个表格只能有一个thead和tfoot,所以tHead和tFoot是一个元素: 表格有自己独有的简便操作:因为js诞生的时候,那会全是表格:所以给表格提供了一些便捷的操作. <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <ti…
属性:是对象的性质与对象之间关系的统称.HTML中标签可以拥有属性,属性为 HTML 元素提供附加信. 属性总是以名称/值对的形式出现,比如:name="value". 属性值始终被包括在引号内.双引号是最常用的,在某些个别的情况下,比如属性值本身就含有双引号,必须使用单引号, 属性总是在 HTML 元素的开始标签中规定. 属性实例 HTML 链接由 <a> 标签定义.链接的地址在 href 属性中指定: < a href="http://www.baidu…
表格应用: 获取:tBodies.tHead.tFoot.rows.cells <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>DOM高级应用-表格的便捷操作</title> <script> window.onload=function(){ var oTab=document.getEle…
DOM ——文档对象模型(Document Object Model)是表示和处理一个HTML或XML文档的常用方法. 在网页上,组织页面(或文档)的对象被组织在一个树形结构中,用来表示文档中对象的标准模型就称为DOM. DOM的设计是以对象管理组织(OMG)的规约为基础的,因此可以用于任何编程语言.. Dom技术使得用户页面可以动态地变化,如可以动态地显示或隐藏一个元素,改变它们的属性,增加一个元素等, Dom技术使得页面的交互性大大地增强. 对一个元素进行点击操作   var  v  =  …
DOM:Document Object Model  文档对象模型 文档:html页面 文档对象:页面中元素 文档对象模型:定义  为了能够让程序(js)去操作页面中的元素 DOM会把文档看作是一棵树,同时定义了很多方法来操作这颗树中的每一个元素(节点) DOM节点 如: getElementById getElementByTagName document document.body ... //*************************************** childNode…
一 函数 1.字符串函数 s.tolowerCase( ):    -- 变小写 s.toupperCase( ):   -- 变大写 s.substr( 2 , 8 ):     -- 截取       从索引2开始截取,截取8个字符长度 s.split( ):               -- 指定字符分割,返回一个数组.    括号里放一个字符,按照这个字符分割s s.length :               -- 长度 s.indexOf( );        -- 在字符串中第一次…