JavaScript第四天:HTML DOM

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

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

HTML DOM

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


JavaScript第四天:HTML DOM_第1张图片


通过可编程的对象模型,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");

看下图基本的使用。


JavaScript第四天:HTML DOM_第2张图片
抄的

改变HTML的内容:

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

for example :

Hello World!


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

你可能感兴趣的:(JavaScript第四天:HTML DOM)