`
haojie
  • 浏览: 10483 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

总结几个js 操作dom的例子

 
阅读更多

寻找dom节点

element.childNodes               返回一个子节点数组

element.firstChild                    返回第一个节点

创建dom节点

document.createElement("div");  创建一个dom节点

 

使用

element.appendChild(element);   将此节点绑定到dom树上

removeChild()

replaceChild() 

getElementByTagName("table")   得到table节点的数组

分享到:
评论

相关推荐

    javascript DOM高级程序设计 及 javascript 设计模式

    《JavaScript DOM高级程序设计》 首先教你搭建一个类似JQuery的额工具函数库,然后通过讲解几个实际中经常遇到的几个应用例子,会让初学者受益匪浅 《JavaScript设计模式》主要讲Javascript的设计模式,说实话,翻译...

    JavaScript王者归来part.1 总数2

     1.6 一个例子--JavaScript编写的计算器   1.7 学习和使用JavaScript的几点建议   1.8 关于本书的其余部分   第2章 浏览器中的JavaScript  2.1 嵌入网页的可执行内容   2.2 赏心悦目的特效   2.3 使用...

    javascript DOM编程实例(智播客学习)

    下面就几个我觉得比较好的例子和大家分享一下。 1.二级连动下拉菜单(一级是省份,二级是城市,要求一级选中省份,二级城市对应出现) 步骤:1)基本框架(HTML):两个复选框,而第二个复选框里面开始应该是没有...

    Exchange.js:Exchange.js 允许您根据媒体查询加载响应式内容。 该项目从 Foundation 的 Interchange.js 中汲取灵感,但消除了几个依赖项和错误,使用纯 JavaScript 编写,并增加了更多灵活性

    该项目从 Foundation 的 Interchange.js 中汲取灵感,但消除了几个依赖项和错误,使用纯 JavaScript 编写,并增加了更多灵活性。 注意:Exchange.js 目前不支持 DOM 重排。 Exchange.js 不依赖于 jQuery。 它还...

    一个例子轻松学会Vue.js

    Vue主要有以下几个关键字 v-model 绑定模型 v-if 判断是否显示该dom v-show 判断是否将该dom的display设为none v-else if或者show为false时显示该dom v-for 迭代 v-bind 绑定属性 v-on 绑定方法 我们以一个可查找的...

    jQuery经典入门教程(绝对详细)

    如果你不是个js高手又想写出优 秀的js效果,jQuery可以帮你达到目的! 下载地址:Starterkit (http://jquery.bassistance.de/jquery-starterkit.zip) jQuery Downloads (http://jquery.com/src/) 下载完成后...

    客户端统一验证JavaScript函数库及示例源码

    该函数库提供许多函数库,就不一一列举了,这里举几个代表性的函数例子加以解释说明,先介绍一个频率用的最多的函数,如函数verifyAll,定义如下: function verifyAll(myform) {…………..} 参数myform指代验证的...

    JavaScript DOM 学习第二章 编辑文本

    例子 这个页面就是个例子。点击一个段落,编辑,然后点Ready。你的修改就会呈现。 问题 遇到的第一个问题是:我想用文本框作为编辑区域。一开始我却把内容放不进文本框去。读者发现Mozilla的一个警告说是只有在...

    javascript函数的解释

    94."abc".charCodeAt(第几个),返回第几个字符的ASCii码值. 95.字符串连接:string.concat(string2),或用+=进行连接 96.变量.indexOf("字符",起始位置),返回第一个出现的位置(从0开始计算) 97.string.lastIndexOf...

    brdom.js:使用JavaScript在运行时生成HTML

    我在Internet上找到了一些选项,但我想要一些更简单的方法,可以在其中定义几个模板(json结构)并像使用它一样调用它,并将API数据传递给该模板。 因为我们有许多孩子,每个孩子的形状都与父亲相同。 从理论上讲,...

    Java语言基础下载

    DOM以及广义的基于树的处理具有几个优点 399 文档对象模型(DOM)解析实例 402 DOM对象 404 DOM解析的例子: 406 SAX解析实例 409 DOM4J解析实例 412 JDOM解析实例 413 JAVA操纵XML 实例讲解 414 通过JAVA写数据到...

    jQuery详细教程

    选择器允许您对 DOM 元素组或单个 DOM 节点进行操作。 jQuery 元素选择器 jQuery 使用 CSS 选择器来选取 HTML 元素。 $("p") 选取 <p> 元素。 $("p.intro") 选取所有 class="intro" 的 <p> 元素。 $("p#demo") 选取 ...

    react-labs:React JS 入门

    React 是一个用于构建用户界面的 ... 例子我们有几个例子。 这是让您入门的第一个: var HelloMessage = React . createClass ( { render : function ( ) { return < div> Hello { this . props . name } < / div >

    experimenting-with-react:玩转 React JS

    React 是一个用于构建用户界面的 ...我们有几个例子。 这是让您入门的第一个: var HelloMessage = React . createClass ( { render : function ( ) { return < div> Hello { this . props . name } < / div >

    react_playground:lerning react.js的一些演示

    我们有几个例子。 这是让您入门的第一个: var HelloMessage = React . createClass ( { render : function ( ) { return < div> Hello { this . props . name } < / div > ; } } ) ; React . ren

    精通javascript

    • 1.3.js 1.3.htm使用的外部JavaScript文件 第2章(\第2章) • 2.1.htm Infinity应用 • 2.2.htm NaN与isNaN()的用法 • 2.3.htm Infinity值的用法 • 2.4.htm 转义字符的使用 ...

    zepto-data-binding:提供 Javascript 数据绑定的 Zepto.js 插件

    用于数据绑定的 Zepto 插件请注意,此库从未经过适当测试,并且确实包含错误。... 最后,我们将提供几个输入来更改变量: <html><head><title>Hello</title><script type="text/javascript

    精通JavaScript

    1.本书附源代码共计381个,其运行环境如下: IE 5或更高版本 Mozilla Firefox 1.5.0.3或更高版本 服务器采用IIS5.1 或以上版本 数据库使用MS Access 2000以上 2.本书所附光盘实例代码: 第1章(\第1章) 查看...

Global site tag (gtag.js) - Google Analytics