首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    元素节点(附考题)

    元素节点 DOM节点-主要包括元素节点(标签),文本节点(文本内容),属性节点(标签属性) setAttribbute(attrname.attrvalue)--用来设置元素节点的属性名和属性值,可以替代属性节点的设置...style--元素节点的属性,用来设置标签的style样式,但是注意该操作使用行间样式修改标签的css,因此该操作一般只适用于需要通过js动态变化的css //classNanme--用来设置标签的class...--元素属性,获取指定元素的第一个节点(可能是元素节点也可能是文本节点) //node.firstElementChild--元素属性,获取指定元素的第一个元素节点 //获取指定元素的父级节点(parentElement...为标签添加点击事件有两种 //方式1--直接在网页中为对应的按钮设置onclick属性,进而绑定对应的函数,但是注意该方法绑定的时间擦偶哦为爱调用者是window对象 //方式2--在js中获取指定元素节点...-1 // 数组的定义: // // 注意 js中的数组是一个长度可变的数组,并且数组中每一个元素存储的数据都是任意数据类型; 切片操作:该操作作用是从元数组中通过制定的下表去除连续的一部分

    88910

    JS获取节点的兄弟,父级,子级元素的方法

    ()或者$("span").parent(".class") jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素 jQuery.children...(expr).返回所有子节点,这个方法只会返回直接的孩子节点,不会返回所有的子孙节点 jQuery.contents(),返回下面的所有内容,包括节点和文本。...这个方法和children()的区别就在于,包括空白文本,也会被作为一个 jQuery对象返回,children()则只会返回节点 jQuery.prev(),返回上一个兄弟节点,不是所有的兄弟节点 jQuery.prevAll...(),返回所有之前的兄弟节点 jQuery.next(),返回下一个兄弟节点,不是所有的兄弟节点 jQuery.nextAll(),返回所有之后的兄弟节点 jQuery.siblings(),返回兄弟姐妹节点...jQuery.filter()是从初始的jQuery对象集合中筛选出一部分,而jQuery.find()的返回结果,不会有初始集合中的内容,比如$("p"),find("span"),是从元素开始找

    9.2K10

    初探JavaScript(一)——也谈元素节点、属性节点、文本节点

    我的理解Dom就是能够将HTML或XML这样的文档进行模型化,将一个文档转换为一个类似树状结构等如下图所示,以便于配合JS语言进行模型中(如HTML网页)元素的添加或移除等操作。...292152004278789.png   一些常用的方法如: getElementById():根据给定id属性值得元素节点得到相对应的对象。   ...注意:该方法不能通过document进行调用,只能通过一个元素节点对象来调用它。 setAttribute():设置某一个属性的值。   ...另外这里介绍下困扰过我的一个简单的问题,众所周知,Dom有三大节点元素节点+属性节点+文本节点   虽然只是简单的概念,但是迫于强迫症,决定要把它们区分清楚,不想在脑海中一直残留着模糊的印象。   ...针对三种节点分别从nodeType、nodeName和nodeValue三个方面进行区分比较:   nodeType:   元素节点:1   属性节点:2   文本节点:3   对于nodeName以及

    2.4K70

    JavaScript之怎样获取元素节点

    JavaScript获取元素节点一共有三种方法,分别是通过元素ID、通过标签名字和通过类名字来获取; 1.通过元素ID属性的ID值来获得元素对象-getElementById() DOM提供了一个名为getElementById...()的方法,这个方法将返回一个与括号里有着一样id值的元素节点对应的对象。...也就是说返回的是所有匹配的元素所组成的一个元素数组。。 他是document对象特有的函数,这个函数的参数只有一个,只能是你想要获得的元素的标签名,这个值必须放在单引号或者双引号里面。...; 2.1 getElementsByTagName()允许把一个通配符(星号字符*)作为他的参数,这意味这文档里的每个元素都将在这个函数的返回值里占有一席之地;如果你想知道某份html文档一共有多少元素节点...DOM提供了一个名为getElementsByClassName()的方法,这个方法返回一个与括号里有着一样类名的元素数组对应的对象数组。也就是说返回的是所有匹配的元素所组成的一个元素数组。

    1.3K80

    属性 元素的内容 创建,插入和删除节点 虚拟节点

    /image/1.png" title="图片"/> js如下 var.../image/1.png" 数据集属性 可以在元素上添加属性,然后能通过js读取其数据 h5在Elemnent对象上定义了dataset属性,该属性指代一个对象,它的各个属性对于去掉前缀的data-属性...word" 将会把页面内容更改为hello word script元素中的文本 内联的script元素,有一个text属性能来获取它们的文本,该文本存在于树中,但是并不会将其显示出来 作为text节点元素内容...另一中方法处理元素的内容是当做一个子节点列表。...>元素替换n节点,并使n成为该元素的子节点 function embolden(n) { // 根据参数为字符串而不是节点,将其当做元素的id,进行查询得到节点,如果传入的是节点,直接进行下一步 if

    2.4K30

    js 实现元素拖拽

    概述 js 实现拖拽,主要使用元素的 onmousedown、onmousemove、onmouseup 三个事件实现。...1、onmousedown:鼠标按下事件 2、onmousemove:鼠标移动事件 3、onmouseup:鼠标抬起事件 实现思路 我们当左键点击时,需要记录当前的鼠标点击位置相对于该元素左上角的x,y...坐标,这里我们使用diffX和diffY来表示 然后我们移动时需要不断计算当前元素距离浏览器左边和上边的距离; 同时给元素进行赋值; 当鼠标抬起时,取消鼠标移动事件和鼠标抬起事件。...id="drag"> window.onload = function () { //获取drag元素...clientX 和 clientY 默认是以元素左上角位置来计算的,这里需要向左向上同时减去鼠标点击的位置差,从而可以保证鼠标始终显示在拖拽元素时的位置

    9.9K30
    领券