首页 > 编程语言 >JavaScript HTML DOM

JavaScript HTML DOM

时间:2022-09-23 11:34:10浏览次数:57  
标签:JavaScript DOM 对象 元素 获取 HTML 节点 属性

DOM(文档对象模型)             文档                 -文档表示的就是整个的html网页文档             对象                 -对象表示将网页中的每一个部分都转换为一个对象             模型                 -使用模型来表示对象之间的关系,这样方便我们获取对象

查找 HTML 元素:

  • 通过 id 找到 HTML 元素
  • 通过标签名找到 HTML 元素
  • 通过类名找到 HTML 元素
  获取元素节点             通过document对象调用                 1.getElementById()                     -通过id属性获取一个元素节点对象                 2.getElementByTagName()                     -通过标签名获取一组元素节点对象                 3.getElementByName()                     -通过name属性获取一组元素节点对象                 获取元素节点的子节点             1.getELementsByTagName()                 -方法,返回当前节点的指定标签名后代节点             2.childNodes                 -属性,表示当前节点的所有子节点             3.firstChild                 -属性,表示当前节点的第一个子节点             4.lastChild                 -属性,表示当前节点的最后一个子节点                 获取父节点和兄弟节点             1.parentNode                 -属性,表示当前节点的父节点             2.previousSibling                 -属性,表示当前节点的前一个兄弟节点             3.nextSibling                 -属性,表示当前节点的后一个兄弟节点

 

标签:JavaScript,DOM,对象,元素,获取,HTML,节点,属性
From: https://www.cnblogs.com/MDRY/p/16721108.html

相关文章

  • DOM第4章tab切换和自定义属性节点操作
    tab切换和自定义属性京东tab栏切换<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge">......
  • HTML
    1HTMl简介HTML是一个网页的主体部分,也是一个网页的基础。因为一个网页可以没有样式,可以没有交互,但是必须要有网页需要呈现的内容。所以HTML部分是整个前端的基础。HTML,......
  • HTML & CSS 设计原则
    设计原则DesignPrinciple响应式设计Responsive响应式设计的意思是网页能够根据其显示在的屏幕的大小自动伸缩。响应式设计使得对笔记本和手机用户更加友好。分辨率......
  • html标签
    html整体结构<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>标题</title></head><body>这是一个html页面!</body></html>纯粹展......
  • javascript: 复制对象时的深拷贝及浅拷贝(chrome 105.0.5195.125)
    一,js代码<html><head><metacharset="utf-8"/><title>测试</title></head><body><buttononclick="assign()">无效:变量直接赋值</button><br/><br/><br......
  • JSON和JavaScript自定义对象
    JavaScript自定义对象:var对象名称={属性名称1:属性值1,属性名称2:属性值2,...,函数名称:function(形参列表){},...}; 访问对象:对象名称.属性名称......
  • JavaScript基础知识
    ##输出语句*1.window.alert()--写入警告框*2.document.write()---写入HTML输出*3.console.log()---写入浏览器控制台*alert("helloworld!");//写入警告框document......
  • JavaScript
    行为也是严格区分大小写的,可以在控制台console.log打印输出的东西1.什么是JavaScript?是一门世界上最流行的脚本语言2.引用script里面的注释用// alert("......
  • JavaScript学习笔记 第七章 原型
    原型prototypefunctionPerson(){}Person.prototype.a=123;varper=newPerson();//console.log(per.prototype);//conso......
  • JavaScript 静态方法
    静态方法:static关键字(类方法),可在实例化对象之前通过类名.方法名调用静态方法静态方法不能在对象上调用,只能在类中调用如果想在noob中使用静态方法,可以作为一个参数传递......