javascript中HTMLDOM操作详解

 更新时间:2014年12月11日 11:02:50   转载 投稿:hebedich  
这篇文章主要介绍了javascript中HTMLDOM操作详解,需要的朋友可以参考下

 一、定义:htmlDOM是一种面向对象的树的模型,它包含html中的所有元素;通过html可以找到所有包含在dom中的元素。

二、作用:

1、查找html元素

1)通过id查找元素(document.getElementById();)

<div id="d" ></div>

var x=document.getElementById("d");

2)通过标签名查找元素

 <div id="m"></div>

var x=document.getElementById("m");

var y=x.getElementByTagName("div");

3)通过类名查找元素

三、改变HTML

1)改变html内容

2)改变html属性

3)改变html样式

四、HTMLDOM事件

1)对事件做出反应

2)HTML事件属性

3)使用htmlDOM来分配事件

相关文章

  • 生成无限制的微信小程序码的示例代码

    生成无限制的微信小程序码的示例代码

    这篇文章主要介绍了生成无限制的微信小程序码的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-09-09
  • 微信小程序实现留言板

    微信小程序实现留言板

    这篇文章主要为大家详细介绍了微信小程序实现留言板,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-10-10
  • addEventListener()与removeEventListener()解析

    addEventListener()与removeEventListener()解析

    这篇文章主要为大家详细介绍了addEventListener()与removeEventListener(),用于处理指定和删除事件处理程序操作,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • javascript 仿QQ滑动菜单效果代码

    javascript 仿QQ滑动菜单效果代码

    javascript 仿QQ滑动菜单效果代码,非常漂亮的代码,学习js的朋友可以参考下代码风格。
    2010-09-09
  • es6学习笔记之Async函数基本教程

    es6学习笔记之Async函数基本教程

    这篇文章主要给大家介绍了关于es6中Async函数的基本教程,文中介绍的非常详细,对大家学习async函数具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧。
    2017-05-05
  • 详解JS中Array对象扩展与String对象扩展

    详解JS中Array对象扩展与String对象扩展

    这篇文章主要介绍了详解JS中Array对象扩展与String对象扩展的相关资料,需要的朋友可以参考下
    2016-01-01
  • JS实现复制功能

    JS实现复制功能

    本文主要介绍了JS实现复制功能的实例,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-03-03
  • URL中“#” “?” &“”号的作用浅析

    URL中“#” “?” &“”号的作用浅析

    这篇文章主要介绍了URL中“#” “?” &“”号的作用浅析,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-02-02
  • JS+css 图片自动缩放自适应大小

    JS+css 图片自动缩放自适应大小

    编辑器上传的图片太大了,把FF和IE撑的走形,所以希望图片在某些页面里要有固定大小,如果需要某个范围,用getElementByname来设定,也是一个道理:
    2013-08-08
  • Layui tree 下拉菜单树的实例代码

    Layui tree 下拉菜单树的实例代码

    今天小编就为大家分享一篇Layui tree 下拉菜单树的实例代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09

最新评论