首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏h5学习笔记

    获取元素

    为什么要获取页面元素? 例如:我们想要操作页面上的某部分(显示/隐藏,动画),需要先获取到该部分对应的元素,再对其进行操作。 1. 根据ID获取 语法:document.getElementById(id) 作用:根据ID获取元素对象 参数:id值,区分大小写的字符串 返回值:元素对象 或 null 案例代码 <body>     根据标签名获取元素 语法:document.getElementsByTagName('标签名') 或者 element.getElementsByTagName('标签名') 作用:根据标签名获取元素对象 注意:getElementsByTagName()获取到是动态集合,即:当页面增加了标签,这个集合中也就增加了元素。 3. H5新增获取元素方式 ? 获取特殊元素(body,html) ?

    3.1K30发布于 2020-09-30
  • 来自专栏韩曙亮的移动开发专栏

    【Web APIs】DOM 文档对象模型 ⑤ ( 获取特殊元素 | 获取 html 元素 | 获取 body 元素 )

    html 标签内部 , body 标签是显示部分内容的 顶层标签 ; 通过 JavaScript 和 DOM 操作 可以获取上述两个 html 和 body 特殊标签 元素 ; 1、获取 html 元素 通过 document.documentElement 属性 , 可以获取文档中的 html 元素 , 该元素是 HTML 网页文档的最顶层元素 ; 代码示例 : const htmlElement = document.documentElement; console.log(htmlElement); // 输出整个 <html> 元素的 DOM 对象 2、获取 body 元素 使用 document.body > 元素的 DOM 对象 3、完整代码示例 在下面的代码中 , 通过 document.body 获取 body 元素 , 将背景颜色设置为黄色 ; 通过 document.documentElement 获取 html 元素 , 将该标签下的所有字体大小设置为 30 像素 ; 代码示例 : <!

    2K10编辑于 2024-06-24
  • 来自专栏全栈程序员必看

    getElementById获取元素

    因为我们文档页面从上往下加载,所以先得有标签 所以我们script写到标签的下面 // 2. get 获得 element 元素 by 通过 驼峰命名法 // 3. 返回的是一个元素对象 var timer = document.getElementById('time'); console.log(timer); console.log (typeof timer); // 5. console.dir 打印我们返回的元素对象 更好的查看里面的属性和方法 console.dir(timer); <

    2.1K30编辑于 2022-09-14
  • 来自专栏全栈程序员必看

    jquery获取第几个子元素_js获取元素的指定子元素

    可以这样理解,页面中的元素有相同的父元素 的,并且里面又包含li元素的,那么就取第一个li元素,每个子类集合都要进行判断,直到找出所有符合要求的li元素; :last-child:这个也与上面相对了, (n):第n个匹配元素(不包括)之后的元素(n从0开始),如:ul:gt(2)返回从第3个ul开始的所有ul元素(含第三个); :lt(n):第n个匹配元素(不包括)之前的元素(n从0开始),如:ul 利用css选择器进行选择: 元素标签名:比如说(”a“)会选出所有链接元素; #id:通过元素id进行选择,比如说(“#form1”)会选择id为form1的元素; .class:通过元素的CSS类来选择 通过子选择器,容器选择器和属性选择器进行选择: *:匹配所有的元素,比如说:(*)会把页面中的所有元素都返回; E:匹配标签名为E的所有元素,如(“a”)返回所有链接元素; E F:匹配父元素E下的标签名为 F的所有子元素(F可以为E的子类的子类,甚至更远); E>F:匹配父元素E下的所有标签名为F的直接子元素; E+F:匹配所有标签名为F的元素,并且有E类型的兄弟节点在该F元素之前(E,F紧挨着); E~

    30.2K30编辑于 2022-08-03
  • 来自专栏日积月累1024

    如何获取元素样式

    元素的style属性时常被用于获取元素样式,但很多时候它是不奏效的。 这是因为, style 属性只能获取内联样式。那么对于非内联样式我们应该如何取得其值呢?微软和 W3C 都提供了解决方案。

    3.1K10发布于 2020-12-07
  • 来自专栏互联网软件技术

    获取元素CSS样式

    device-width, initial-scale=1.0"> 7 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 8 <title>获取 font-style: italic; 42 } 43 44 <script> 45 /** 46 * 获取 css样式 47 * ele 元素 48 * prop 属性名 49 **/ 50 function getStyle(ele, prop

    2.5K40发布于 2019-03-06
  • 来自专栏Devops专栏

    JavaScript 获取元素方法

    获取元素方法一 可以使用内置对象document上的getElementById方法来获取页面上设置了id属性的元素获取到的是一个html对象,然后将它赋值给一个变量,比如: <script type

    这是一个div元素
    ? 上面的语句,如果把javascript写在元素的上面,就会出错,因为页面上从上往下加载执行的,javascript去页面上获取元素div1的时候,元素div1还没有加载,解决方法有两种: 第一种方法:将
    这是一个div元素
    .... 第二种方法:将javascript语句放到window.onload触发的函数里面,获取元素的语句会在页面加载完后才执行,就不会出错了。

    1.5K10发布于 2019-05-31
  • 来自专栏Angular&服务

    angular获取dom元素

    ViewChild

    @ViewChild('box') box: ElementRef; constructor(){ // 不能放在构造函数里面这个时候构造函数中还没有视图没法获取到 box元素 } ngOnInit() { console.log(this.box.nativeElement); } 方式二: ElementRef
    </div

    4.8K50发布于 2019-05-15
  • 来自专栏编程社区

    vue获取当前点击元素的父元素、子元素、上级元素

    #获得点击元素的第一个子元素 e.currentTarget.firstElementChild # 获得点击元素的下一个元素 e.currentTarget.nextElementSibling } }, $parent 该组件实例的父级组件实例 $children 该组件实例的子组件实例 //通过ref属性获取 this. 获得点击元素的前一个元素 e.currentTarget.firstElementChild 获得点击元素的第一个子元素 e.currentTarget.nextElementSibling   获得点击元素的下一个元素 e.currentTarget.getElementById("string")   获得点击元素中id为string的元素 e.currentTarget.getAttributeNode    获得点击元素的前一个元素的第一个子元素的HTML值

    13.7K30编辑于 2022-01-26
  • 来自专栏我的博客

    GO获取表单元素

    1.如果使用Form[“username”]获取表单元素需调用ParseForm(),获取到的是数组 2.如果使用FormValue会自动调用ParseForm(),所以可以直接使用FormValue (“username”),获取到的是元素。 等同于Form.Get 3.PostForm是获取POST表单当中的元素获取到的是数组,同样需要调用ParseForm(),PostFormValue获取的是元素 参考:https://github.com

    2K150发布于 2018-04-28
  • 来自专栏小满的技术录

    获取HTML冻结窗口元素

    获取HTML冻结窗口元素 在写爬虫时会获取页面的元素去定位,但是有些页面元素只在鼠标悬停时才会出现,鼠标离开后就会消失,这种情况很不利于去查看想要获取元素。 这时候可以在F12控制台中输入以下代码来查看元素 setTimeout(function(){debugger},5000) 先输入代码,然后在5秒内将鼠标放置要查看的元素上等待debugger命令执行即可

    3.5K20编辑于 2022-10-04
  • 来自专栏三木的博客

    获取隐藏元素的宽度

    问题描述 如果DOM元素的fu’yu是被隐藏的(display: none),那么无论使用DOM的接口,还是jquery的接口来获取元素的宽度,得到的结果始终是0.

    hello world

    #node { display: none; } alert($('#node p').width()); 解决方法 在过去元素的宽度之前 ,临时修改元素的display为block,获取之后再讲其设置回none 例如: function get_width(obj) { var width = 0; obj.parent().css( return width; } alert(get_width($('#node p'))); 给jquery添加一个函数 参考StackOverflow ,Tim Banks给jquery添加了一个函数,用来获取隐藏元素的宽度和高度信息

    3.4K10编辑于 2024-10-09
  • 来自专栏技术客栈

    jsjquery获取父窗口元素

    ); $('.mainContent iframe', topWindow).attr("name"); // 获取class为 .mainContent 下的iframe中属性名为:name 的值 // 获取父窗口,windos当前的, <iframe>, 属性名为 uploadFrame 的。 , window.parent.parent.document); 3.那么你取 最顶级 的父窗口的元素就可以用: $(selector, window.top.document); // 获取第一个 <iframe> 元素 (索引为 0) 的 $(selector, window.top.frames[0].document); 4.那么你取 open打开新窗口 的元素就可以用: $(selector , window.opener.document); 5.获取导航到当前网页的超链接所在网页的URL: 如果要显示某一个网站的超链接跳转到你的网站你可以如下: var refurl

    1.8K10编辑于 2023-07-19
  • 来自专栏Devops专栏

    JavaScript 使用getElementsByTagName获取元素

    使用getElementsByTagName获取元素 可以使用内置对象document上的getElementsByTagName方法来获取页面上的某一种标签,获取的是一个选择集,不是数组,但是可以用下标的方式操作选择集里面的标签元素 练习 使用循环操作列表中的每个元素。 ? <!

    2.3K40发布于 2019-06-02
  • 来自专栏互联网软件技术

    获取元素尺寸宽高

    DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <title>获取元素尺寸宽高< style> 18 <body> 19 20

    Prosper
    21 22 <script> 23 /** 24 * 获取元素尺寸宽高

    1.7K30发布于 2018-10-24
  • 来自专栏全栈程序员必看

    元素的作用_获取iframe中的元素

    目标网站红薯中文网 获取网页源代码也获取不了这些动态渲染的数据 所以用简单的,但是有点麻烦的方法 使用selenium执行js,或者直接在浏览器里面执行js function kkk(){ hs_decrypt(base64decode(connt_data), "76980100")) 这里代码还没封装,但是解密够了,connt_data就是需要解密的参数 76980100是上一个请求获取的解密密钥 套用即可 解密之后,里面的参数是对应的 context_kw11 这个就是对应的伪元素的class,将这个都拿去用selenium执行js的方法获取到结果,保存为字典,最后在用re正则,将所有数据都正则出来

    9.2K30编辑于 2022-11-04
  • 来自专栏韩曙亮的移动开发专栏

    【Kotlin】集合操作 ① ( List 创建与元素获取 | 安全获取集合元素 | getOrElse | getOrNull )

    文章目录 一、List 创建与元素获取 二、安全获取集合元素 1、getOrElse 函数 2、getOrNull函数 三、List 创建与元素获取代码示例 一、List 创建与元素获取 ---- Kotlin 中的集合分为两类 , 只读集合 和 可变集合 ; 调用 listOf 函数 , 可以 直接创建 List 集合 ; 通过 [] 下标可以 直接获取 List 集合中的元素 ; fun main () { val list = listOf("Tom", "Jerry") println("${list[0]}") } 上述代码执行结果 : Tom 二、安全获取集合元素 ---- 除了使用 [] 下标获取 List 集合元素外 , Kotlin 还提供了 安全获取集合元素的 方法 : getOrElse 和 getOrNull 函数 ; 1、getOrElse 函数 List< 三、List 创建与元素获取代码示例 ---- 代码示例 : fun main() { var list = listOf("Tom", "Jerry") println("${list

    2.1K20编辑于 2023-03-30
  • 来自专栏.NET开发那点事

    WPF利用WebBrowser获取HTML元素

    获取博客园首页左上角的那段文字“代码改变世界”! site_nav_top"); MessageBox.Show(item.innerText); } } 有了Document就可以像web上一样操作html元素

    2K20编辑于 2022-05-07
  • 来自专栏Python程序员杂谈

    jquery获取元素绑定的事件

    查看某元素是否绑定上了事件。

    5.7K20发布于 2019-02-28
  • 来自专栏编程社区

    vue click点击获取点击元素

    点击
    //获取当前点击元素 methods:{ test(e){ console.log(e.currrentTarget) } } currentTarget事件属性返回其监听器触发事件的节点,即当前处理该事件的元素、文档或窗口。 即点击事件绑定在哪个元素,currentTarget获取的就是那一个元素。在捕获和起泡阶段,该属性是非常有用的,因为在这两个节点,它不同于target属性。

    5.4K10编辑于 2022-02-14
  • 领券