js获取标签8种方法

最新推荐文章于 2023-03-04 13:22:33 发布
最新推荐文章于 2023-03-04 13:22:33 发布
阅读量1.3k 收藏 4
点赞数 1
分类专栏： 笔记 文章标签： javascript jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wantedop/article/details/115296675
版权

原生获取标签方法

通过ID获取（getElementById）
通过name属性（getElementsByName）
通过标签名（getElementsByTagName）
通过类名（getElementsByClassName）
通过选择器获取一个元素（querySelector）
通过选择器获取一组元素（querySelectorAll）
获取html的方法（document.documentElement）
document.documentElement是专门获取html这个标签的
获取body的方法（document.body）
document.body是专门获取body这个标签的。
附加：通过节点获取父标签子标签

十八-
关注
专栏目录
JavaScript获取标签的六种方法
fortune丶的blog
08-06 2万+
1.利用document.getElementById('id名')； <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> &am
详解JS获取HTML DOM元素的8种方法
10-19
本文将详细介绍在JavaScript中获取HTML DOM元素的八种常用方法，这些方法在实际开发中有着广泛的应用，能够帮助开发者有效地管理和操作网页元素。 1. 通过ID获取（getElementById） getElementById是document对象的...
js获取元素的标签名实现方法
11-24
有时候我们想获取到一个标签的名称，例如：a得到“div”。请看下面的例子： 页面上有一个class=”a”的标签，可能是input，也可能是普通的div或者是span标签，现在我们要往这个标签加一个值“value1”。如果是input则将其value属性设置为value1，div则将其innerHTML设置为value1.如何实现呢…… 如果纯js实现如下： //找到这个标签的代码略 this 代表找到的标签对象 if(this.localName=="input"||this.localName=="textarea"){ this.value="value1"
js获取标签的三种方式
weixin_34217711的博客
06-04 1012
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> ul li{ ...
javascript获取标签的两种方式
weixin_44389618的博客
07-28 208
javaScript获取标签的两种方式 document.getElementById("id的名字");//通过ID获取 document.getElementByClassName("输入class的名字");//通过Class获取 //这里需要注意的是，className返回的是一个数组，所以如果需要引用的话，一定要加下标，否则无效。 ...
js获取标签的6种方法
weixin_45894479的博客
04-05 1万+
1.利用document.getElementById(‘id名’)； <body> <div id="box"></div> <script> var div = document.getElementById('box');\\获取到了div </script> </body> 2.利用document.getElementsByName(‘name名’); <body> <
js获取html的span标签的值方法(超简单)
01-19
<span id=testid>aaaa</span> 获取的js代码： 方法一：.innerText var x1 = document.getElementById...以上就是小编为大家带来的js获取html的span标签的值方法(超简单)全部内容了，希望大家多多支持软件开发网~
js如何获取标签
m0_65480869的博客
08-24 1841
js基础，如何获取标签
js获取标签
小彩虹的博客
01-22 332
js获取标签 获取标签 1、id作为获取标签的方法     var obtn= document.getElementById('btn'); 2、标签名作为获取标签的方法     var obtn=document.getElementsByTagName('btn'); 3、类名作为获取标签的方法 var obtn=document.getElementsByClassName('类...
JS获取标签
Lin.的博客
03-13 103
JS获取标签 JS 获取body标签document.body JS 获取html标签document.documentElement
使用JS获取页面上的所有标签
10-17
主要介绍了使用JS获取页面上的所有标签 ,需要的朋友可以参考下
JavaScript获取标签的几种方式
日常学习总结
01-20 8011
JavaScript获取标签：1.通过标签id来获取标签，2.通过标签名获取标签，3.通过class获取标签，4.通过选择器找到所有符合条件，5.几种获取特殊标签的写法
js获取元素标签的6种方法
z946541的博客
12-28 6827
js获取元素标签的6种方法 通过id获取 document.getElementById(id); // 一个，获取到 对象，获取不到 null 通过class 获取 document.getElementsByClassName(class);// 多个，获取到 伪数组，获取不到 空数组[] 同过标签名 TagName获取 document.getElementsByTagName(标签名);//多个，获取到 伪数组，获取不到 空数组[] 通过name 属性获取 document.getElemen
Javascript 获取标签元素
weixin_57385603的博客
02-27 1173
Javascript 获取标签元素
JS 获取标签的方法【全】
热门推荐
zhumizhumi的博客
07-08 1万+
基本都是在用框架写代码、获取dom节点，今天回顾一下通过原生JS获取节点的方式 1、通过ID获取 获取： <div id="idSign">今天很热</div> document.getElementById('idSign') 输出： 2、通过类名获取 获取： <div class="idSign">今天很热</div&g...
网络应用之javascript获取标签元素
qq_41810183的博客
03-04 1686
上面的代码，如果把javascript写在元素的上面，就会出错，因为页面上从上往下加载执行的，javascript去页面上获取元素div1的时候，元素div1还没有加载。“style” 属性里面的属性，有横杠的改成驼峰式，比如：“font-size”，改成”style.fontSize”数组就是一组数据的集合，javascript 中，数组里面的数据可以是不同类型的数据，好比 python 里面的列表。onload是页面所有元素加载完成的事件，给onload设置函数时，当事件触发就会执行设置的函数。
javascript 获取标签名
时间的灰烬
06-11 146
请移步
js获取元素的标签名
陈守璐的专栏
05-16 1万+
有时候我们想获取到一个标签的名称，例如：a得到“div”。请看下面的例子： 页面上有一个class="a"的标签，可能是input，也可能是普通的div或者是span标签，现在我们要往这个标签加一个值“value1”。如果是input则将其value属性设置为value1，div则将其innerHTML设置为value1.如何实现呢…… 如果纯js实现如下：   //找到这个标签的代码略
【js】：JS获得标签名的方法
阳光心态，健康人生的博客
04-11 1214
JS你想要获得HTML框架里面各种标签的方法大致有如下两种： 第一种，给控件加ID，然后document.getElementById 第二种，获得控件的名，getElementsByTagName //注意函数别敲错有两个程序能够详细的表明这两种方法：<!DOCTYPE html> <html> <body><p>Hello World!</p> <div id="main"> <p>The
playwright获取标签页的几种方法
最新发布
06-07
在 Playwright 中，可以使用下面几种方法获取标签页： 1. 通过 `browser.pages()` 获取所有打开的标签页，然后遍历查找目标标签页。示例代码如下： ```javascript const pages = await browser.pages(); const targetPage = pages.find(page => page.url() === 'https://example.com'); ``` 2. 通过 `browser.waitForTarget()` 等待目标标签页创建，然后使用 `target.page()` 获取标签页对象。示例代码如下： ```javascript const target = await browser.waitForTarget(target => target.url() === 'https://example.com'); const targetPage = await target.page(); ``` 3. 在页面中执行 JavaScript 代码，使用 `window.open()` 打开新标签页，并通过 `page.waitForEvent()` 等待新标签页创建，最后使用 `page.frames()` 获取所有 frame，然后遍历查找目标标签页。示例代码如下： ```javascript // 在当前页面中打开新标签页 await page.evaluate(() => { window.open('https://example.com'); }); // 等待新标签页创建 const newPage = await page.waitForEvent('popup'); // 查找目标标签页 const pages = await newPage.frames(); const targetPage = pages.find(page => page.url() === 'https://example.com'); ``` 以上是 Playwright 中获取标签页的几种方法，具体使用哪种方法取决于具体场景。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值