美文网首页
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访问方式

    学习JavaScript,少不了学习JavaScript中的DOM操作,本系列文章将会从DOM简介开始,讲解DOM...

  • HTML DOM 事件

    HTML DOM 事件 HTML DOM 事件 HTML DOM 事件允许Javascript在HTML文档元素中...

  • DOM (javascript DOM节点操作)

    DOM (javascript DOM节点操作) 本节目录 查找DOM元素 DOM节点操作 javascript操...

  • JavaScript中的DOM

    1.什么是DOM?  1.DOM全称:Document Object Model ,文档对象模型。 2.DOM为我...

  • JavaScript中的Dom

    什么是DOM DOM(document object model) 文档对象模型,表示一个页面文档的模型 DOM的...

  • JavaScript中的Dom

    什么是Dom 文件对象模型(DocumentObjectModel,简称Dom)。是w3c组织推荐的处理可扩展置标...

  • javascript中的DOM

    直接查找 document.getElementById 根据ID获取一个标签docume...

  • JavaScript中的DOM

    DOM(文档对象模型)是针对HTML和XML文档的一个API(应用程序编程接口) 1. Node类型 NodeTy...

  • JavaScript入门学习书籍到阶段书籍

    入门:《深入浅出JavaScript》《JavaScript DOM编程艺术》 《JavaScript DOM高级...

  • HTML DOM 事件对象

    HTMLDOM事件对象 HTML DOM 事件 HTML DOM 事件允许Javascript在HTML文档元素中...

网友评论

      本文标题:JavaScript中的Dom

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