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来分配事件

相关文章

  • javascript实现仿IE顶部的可关闭警告条

    javascript实现仿IE顶部的可关闭警告条

    仿windows IE顶部的敬告工具条,带关闭按钮,设计还算精美,你完全可以用到自己的网页用于显示提示等方面,有需要的小伙伴可以参考下。
    2015-05-05
  • 详谈$.data()的用法和作用

    详谈$.data()的用法和作用

    下面小编就为大家带来一篇详谈$.data()的用法和作用。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • js实现点击文本框显示日期选择器特效代码分享

    js实现点击文本框显示日期选择器特效代码分享

    这篇文章主要为大家详细介绍了javascript实现点击文本框显示日期选择器特效,提高了工作效率,推荐给大家,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2015-08-08
  • 深入理解JS继承和原型链的问题

    深入理解JS继承和原型链的问题

    js原型链与继承是js中的重点,原型的实现则是在原型链的基础上,本篇文章深入理解JS继承和原型链的问题,有兴趣的同学可以了解一下。
    2016-12-12
  • Vue formData实现图片上传

    Vue formData实现图片上传

    这篇文章主要为大家详细介绍了Vue formData实现图片上传,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-08-08
  • js学习总结之DOM2兼容处理重复问题的解决方法

    js学习总结之DOM2兼容处理重复问题的解决方法

    这篇文章主要为大家详细介绍了js学习总结之DOM2兼容处理重复问题的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • JavaScript实现同一个页面打开多张图片

    JavaScript实现同一个页面打开多张图片

    这篇文章主要介绍了JavaScript实现同一个页面打开多张图片,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • 关于js注册事件的常用方法

    关于js注册事件的常用方法

    为了兼容各种浏览器,今天没事特意复习了一下js原生事件特性,对其封装一下。
    2013-04-04
  • Ajax中GET与POST请求操作方法梳理介绍

    Ajax中GET与POST请求操作方法梳理介绍

    Ajax全称是Asynchronous Javascript And XML(异步JavaScript和XML),在网页中,利用XMLHttpRequest对象和服务器进行数据交互的方式,这篇文章主要介绍了Ajax中GET与POST请求操作
    2022-11-11
  • js实现的map方法示例代码

    js实现的map方法示例代码

    本文为大家介绍下使用js实现的map方法,具体示例如下,喜欢的朋友可以了解下
    2014-01-01

最新评论