dom对象基础

dom操作

1、找到元素(标签对象)

  标签名:

    document.getElementsByTagName()[];  //返回的是数组类型,需要有下标来找内容

  属性:

    document.getElementById();  //id属性值

    document.getElementsByName()[];  //name属性值  返回的是数组类型,需要有下标来找内容

    document.getElementsByClassName()[];  //class属性值

2、操作元素

  操作内容:

    非表单元素:

      标签对象.innerHTML  //获取标签内容

      标签对象.innerHTML = 内容  //修改标签内容

    表单元素:

      标签对象.value  //获取标签内容

      标签对象.value = 内容  //修改标签内容

    操作属性:

      标签对象.getAttribute("属性名")   //获取标签属性值

      标签对象.setAttribute("属性名","属性值")  //设置标签属性值

    操作样式:

      标签对象.style.color   //获取标签样式值

      标签对象.style.color = "red";  //设置标签样式值,要带双引号

posted @ 2018-04-18 23:10  鲁系大厨  阅读(126)  评论(0编辑  收藏  举报