星空网 > 软件开发 > Java

HTML DOM介绍

  HTML DOM定义了一系列的对象,以及访问和处理HTML的方法。通过DOM可以浏览所有的HTML元素,不但可以修改或者删除元素的文本和属性,而且可以创建新的元素。

  一.首先对一个元素进行操作前,要得到要操作的元素,有三种方法得到元素:

  1.通过id名,getElementById(id)

  2.通过TagName,getElementByTagName(tagname)

  3.通过ClassName,getElementByClassName(classname)

  或者用jQuery方法来的到元素更加容易

  1.通过id名,$("#text")得到id="text"的元素

  2.通过TagName,$("p")得到所有的<p>元素

  3.通过ClassName,$(".text")得到的所有元素

  4.$(this)表示当前的HTML元素

  二.得到元素后就可以进行操作了

    1.属性innerHTML获得或设置元素文本内容

    2.改变样式:如将id="text‘的元素颜色改为红色

     var x=document.getElementById("#text");x.style.color="red";

    3.创建新的元素:如创建一个<p>标签,内容为“this is a new p",再将新建的元素放置在id="text”元素后

      var x=document.creatElement("p");

     var content=document.createTextNode("this is a new");

     x.appendChild(content);

     var y=document.getElementById("text");

     y.appendChild(x);

     jQuery方法操作

     1.属性:text()获得或设置元素文本

         html()获得或设置包含html标签的文本

         val()获得或设置表单的内容

         attr()h获得或设置属性

     2.样式:css()获得或设置CSS属性

     3.创建元素:如创建一个<p>标签,内容为“this is a new p",再将新建的元素放置在id="text”元素后

      $("#text").append("<p>this is a new p</p>");

  三.常见事件

    onclick 单击

    onload 加载页面

    onchange 改变输入字段的内容时触发

    onmouseover 鼠标移动到事件

    onmouseout 鼠标移出事件

    onmouseup 鼠标松开事件

    onmousedown 鼠标按下事件

    




原标题:HTML DOM介绍

关键词:HTML

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

美妆产品强势增长!千亿市场等你来淘,但要小心专利侵权风险!:https://www.ikjzd.com/articles/138353
客户要求降低MOQ,外贸行业如何接招:https://www.ikjzd.com/articles/138354
ONE事故更新:2250个集装箱丢失或受损,油轮送达目的地:https://www.ikjzd.com/articles/138355
亚马逊运营实用工具大全:https://www.ikjzd.com/articles/138357
立即下架!多平台卖家被告侵权,一大批店铺正在冻结中...:https://www.ikjzd.com/articles/138358
全网最全Facebook各类账号的科普知识!:https://www.ikjzd.com/articles/138359
月活用户超20亿!万亿市值巨头对中国商家进一步开闸放流 :https://www.kjdsnews.com/a/1836412.html
九寨沟周围必去的景点推荐:https://www.vstour.cn/a/363190.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流