JavaScript第四天:HTML DOM

写在前面:昨天估计是眼疾换了,鄙人居然将DOM是今天的学习课程看差了行,昨天还说是对象的学习。233333今天继续学习js,新东西。DOM

先说一下昨日要闻:美国退出百年历史的世界万国邮政。

HTML DOM

通过html dom可以获取HTML 文档中的所有元素



通过可编程的对象模型,JavaScript 获得了足够的能力来创建动态的 HTML。

JavaScript 能够改变页面中的所有 HTML 元素

JavaScript 能够改变页面中的所有 HTML 属性

JavaScript 能够改变页面中的所有 CSS 样式

JavaScript 能够对页面中的所有事件做出反应

查找 HTML 元素

通常,通过 JavaScript,您需要操作 HTML 元素。

为了做到这件事情,您必须首先找到该元素。有三种方法来做这件事:

通过 id 找到 HTML 元素

通过标签名找到 HTML 元素

通过类名找到 HTML 元素


比划一下:

1、通过id获取HTML元素

var p = document.getElementById("pid");

如果找到该元素,则该方法将以对象(在 p 中)的形式返回该元素。

如果未找到该元素,则 p 将包含 null。

2、通过类获取

var x=document.getElementsByClassName("intro");

看下图基本的使用。


抄的

改变HTML的内容:

语法:document.getElementById(id).innerHTML=new HTML

for example :

<p id="p1">Hello World!</p>

<script>

document.getElementById("p1").innerHTML="New text!";

</script>


哎,星期五了,居然没有心思学习了。。。真是的。。。。先发布吧,明天看看心情能不能改。。。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   DOM(文档对象模型)是针对 HTML 和 XML 文档的一个 API(应用程序编程接口)。   DOM 描绘...
    霜天晓阅读 3,721评论 0 7
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,820评论 1 45
  • 通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。 HTML DOM (文档对象模型...
    圣贤与无赖阅读 417评论 0 3
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,814评论 0 8
  •   尽管 DOM 作为 API 已经非常完善了,但为了实现更过的功能,仍然会有一些标准或专有的扩展。   2008...
    霜天晓阅读 455评论 0 0