获取页面的dom元素

最新推荐文章于 2024-07-17 19:09:25 发布
最新推荐文章于 2024-07-17 19:09:25 发布
阅读量684 收藏
点赞数
分类专栏： javascript 文章标签： html javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46015513/article/details/122992211
版权
本文介绍了JavaScript中获取页面DOM元素的各种方式，包括获取html、head、body等非常规标签，以及通过id、class、tag name、name属性和选择器进行常规标签的获取。详细阐述了各种方法的作用和返回值类型。
摘要由CSDN通过智能技术生成

获取页面的DOM元素

    分为两种情况

        1.获取非常规标签

        2.获取常规标签

    一.获取非常规标签

        html

            语法：document.documentElement

        head

            语法：document.head

        body

            语法：document.body

    二.获取常规标签

        1.通过id获取

            document.getElementById('id名')

            作用：如果有这个id就获取到对应的这个标签，如果没有就是返回null

            注意：通过这个方法只能获取一个

        2.通过类名获取

            document.getElementsByClassName('类名')

            作用：返回的是一个伪数组，如果有就返回这个伪数组，如果没有就是一个空的伪数组

        3.通过标签名获取

            document.getElementsByTagName('标签名')

 

了解本专栏 订阅专栏 解锁全文 超级会员免费看
#秃头小牛
关注
专栏目录
订阅专栏
获取元素方法整理
在水一方
08-02 1390
1)document.getElementById 有时会抓name放过了id ，据说是IE的一个BUG；http://community.csdn.net/Expert/topic/4223/4223888.xml?temp=.1947443页面中有一个是name="category_id" 一个是id="category_id" 用document.getElementById取第二个，可是，
c#操作浏览器dom对象
05-24
NULL 博文链接：https://code.iteye.com/blog/362729
DOM概述
最新发布
ChangUng的博客
07-17 984
JavaScript 使我们有能力创建动态页面，而事件是可以被 JavaScript 侦测到的行为。简单理解：触发--- 响应机制。网页中的每个元素都可以产生某些可以触发 JavaScript 的事件。例如，我们可以在用户点击某按钮时产生一个事件，然后去执行某些操作。简单举个例子：点击按钮的时候就会出现这个一个浏览器弹出框自定义属性目的：是为了保存并使用数据。有些数据可以保存到页面中而不用保存到数据库中。一般地，节点至少拥有nodeType（节点类型）、nodeName（节点名称）和。
dwz 获取当前页面中的dom节点
z363839586的专栏
04-14 353
     最近有朋友问到获取 DWZ dom节点 获取不到的问题，但发现一些网上出现错误的回答，为防止误导初学者，特发出正确解决方法。     DWZ 核心 就是同过 Ajax 获取 Html 片段，然后 append 到页面当中， 这样就会出现一个问题， 你在一个Html 片段中 为一个节点添加的ID 是唯一的，但是在整个页面中 不一定是唯一的，比如 你在一个dialog Html片段
c#操作html dom元素,C#获取与修改HTML DOM元素信息
weixin_39636610的博客
06-23 1445
用C#和JavaScript交互首先要解决C#读取HTML DOM元素的问题。 在System.Windows.Browser命名空间下，有一个HtmlDocument、HtmlPage、HtmlElement等类，可以用来读取HTML DOM元素。其读取方法和JavaScript如出一辙。引用内容： //初始化一个document HtmlDocument document = HtmlPage...
html embed函数爬取,HTML DOM Embed用法及代码示例
weixin_35867608的博客
06-23 933
HTML DOM中的Embed对象用于表示元素。可以使用getElementById()方法访问元素。注意：该对象是HTML 5中的新增对象。属性值：height:它设置或返回height属性的值。src:它设置或返回Embed Object的src属性的值，type:它设置或返回Embed Object的type属性的值。width:它设置或返回Embed Object的width属性的值。用法...
vue获取DOM元素并设置属性的两种实现方法
08-29
在使用Vue框架开发项目时，我们常常需要获取DOM元素并对其进行操作，比如设置属性或样式。Vue提供了多种方式来实现这一需求，本文主要介绍两种方法：一种是通过给元素添加id属性，另一种是利用Vue的ref属性。 首先...
在Vue中使用ref获取dom元素节点及组件内的数据和方法
01-20
本文将详细讲解如何在Vue中使用`ref`来获取DOM元素节点以及组件内的数据和方法。 ### 一、获取DOM元素节点 在HTML模板中，给需要引用的DOM元素添加`ref`属性，如： ```html <div ref="mytitle">This is title ...
Vue获取DOM元素样式和样式更改示例
08-31
在进行Web开发时，经常需要操作DOM元素的样式，以实现更加动态和响应式的网页布局。Vue.js作为一个流行的前端框架，提供了非常方便的方法来操作DOM元素的样式。本文将详细介绍如何在Vue中获取DOM元素的样式以及如何...
Jquery方式获取iframe页面中的 Dom元素
10-25
在具体的实现过程中，需要注意iframe中的内容必须和主页面出于同一个域中，否则会受到浏览器同源策略的限制，无法获取到其中的DOM元素。这是因为浏览器安全策略不允许跨域访问DOM。 首先，确保iframe元素在HTML页面...
原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法
10-21
有时候，我们需要在父页面与子页面（iframe内部页面）之间相互操作DOM元素，例如修改样式、获取内容等。原生JavaScript提供了一种方法来实现这种父子页面间的DOM元素获取与操作。 首先，我们需要了解iframe元素的...
获取页面所有dom
做一个有知识的流氓
08-16 314
function color16() {//十六进制颜色随机 let r = Math.floor(Math.random() * 256); let g = Math.floor(Math.random() * 256); let b = Math.floor(Math.random() * 256); let color = '#' + r.toString(16) + g.toString(16) + b.toString(16); return color; } // getC.
DOM 获取页面元素的方法
流楚丶格念的博客
07-29 3744
文章目录获取页面元素为什么要获取页面元素根据id获取元素根据标签名获取元素根据name获取元素*根据类名获取元素根据选择器获取元素总结案例 获取页面元素 为什么要获取页面元素 例如：我们想要操作页面上的某部分(显示/隐藏，动画)，需要先获取到该部分对应的元素，才进行后续操作 根据id获取元素 var div = document.getElementById('main'); console.log(div); // 获取到的数据类型 HTMLDivElement，对象都是有类型的 // HTMLDivE
获取窗口属性，获取dom尺寸
admin_djp的博客
09-13 269
查看滚动条的距离 window.pageXOffset/pageYOffset ie8及ie8以下不兼容 document.body/document.Element.scrollLeft/scrollTop 兼容性比较混乱，用时取两个值相加，因为不可能存在两个同时有值 var x = window.pageXOffset; var y = window.pageYOffset; console.log("pageXOffset:" + x,"pageYOf
Django-Dom
weixin_44930101的博客
06-25 393
1.1 获取标签：直接选择器和间接选择器 1、Dom作用 1. 通过 tag, name, id 等方式来查找html标签中的内容 2. 文档对象模型（Document Object Model，DOM）是一种用于HTML和XML文档的编程接口 3. 它给文档提供了一种结构化的表示方法，可以改变文档的内容和呈现方式 4. DOM属于浏览器，而不是JavaScript语言规范里的规定的核心内容。 ...
vue：如何用js（h()函数/VNode类型）渲染dom
weixin_43856797的博客
05-27 2326
vue版本：3.x setup语法 + ts
获取dom对象(页面元素)的几种方法。
m0_48541096的博客
05-02 612
1.获取dom对象(页面元素) // 1）querySelector...选择方法 // var li1 = document.querySelector("li:nth-child(3)"); // var li1 = document.querySelector(".li1"); // var lis = document.querySelectorAll("li"); // con...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值