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>
哎,星期五了,居然没有心思学习了。。。真是的。。。。先发布吧,明天看看心情能不能改。。。