美文网首页
JavaScript中的Dom

JavaScript中的Dom

作者: 小盖盖盖盖盖盖 | 来源:发表于2018-07-10 09:07 被阅读0次

    什么是Dom

    文件对象模型(DocumentObjectModel,简称Dom)。是w3c组织推荐的处理可扩展置标语言的标准编程接口。


    Dom的作用

    通过Dom可以访问所有的HTML元素,连同他们所包含的文本和属性。可以对其中的内容进行修改和删除,同时也可以创建新的元素。


    Dom的特点

    增 删 改 查
    查找:通过元素之间的关系、通过HTML间的关系、通过选择器查找

    通过元素之间的关系:

    parentElement//所有子元素的父元素
    children//父元素的所有子元素(需要遍历)
    firstElementChildren//父元素下面的第一个子元素
    lastElementChildren//父元素下面的最后一个子元素
    previousElementSibling//它的上一个兄弟
    nextElementSibling//它的下一个兄弟

    HTML之间的关系

    var a=document.getElementById('ID名');
    var a=document.getElementByClassName('class名');
    var a=document.getElementByTagName('标签名');
    var a=document.getElementByName('表单元素名');
    

    相关文章

      网友评论

          本文标题:JavaScript中的Dom

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