美文网首页UglyB的javaScript学习之路
JavaScript第四天:HTML DOM

JavaScript第四天:HTML DOM

作者: Ugly_B | 来源:发表于2018-10-19 17:51 被阅读0次

    写在前面:昨天估计是眼疾换了,鄙人居然将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>

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

    相关文章

      网友评论

        本文标题:JavaScript第四天:HTML DOM

        本文链接:https://www.haomeiwen.com/subject/nizyzftx.html