document.getElementsByTagName 用法

最新推荐文章于 2022-08-17 09:25:15 发布
最新推荐文章于 2022-08-17 09:25:15 发布
阅读量1.9k 收藏 1
点赞数 1
文章标签： python javascript php ViewUI
原文链接：https://my.oschina.net/lantianbaiyun/blog/470472
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

document.getElementsByTagName('div')
这样会选中所有div标签内容，返回一个数组列表，想进一步操作需要选中具体dom节点

document.getElementsByTagName('head')[0].getElementsByTagName('title')[0].innerHTML
选中head和title都要转成dom节点(既加[0])少一个就无法向后执行

总结，dom传递一次只能传递一个节点，由根节点向下传递


转载于:https://my.oschina.net/lantianbaiyun/blog/470472

weixin_34072458
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
document.all与getElementById、getElementsByName、getElementsByTagName用法区别-getElementById
09-06
在HTML文档对象模型（DOM）中，有三种主要方法用于查找HTML元素：`document.all`，`getElementById()`，`getElementsByName()` 和 `getElementsByTagName()`。这些方法各有其特性和适用场景，理解它们的区别对于编写...
Document 对象中的方法介绍-getElementById-getElementsByName- getElementsByTagName 方法示例代码
weixin_45185519的博客
07-27 3477
Document 对象中的方法介绍 document.getElementById(elementId):通过标签的 id 属性查找标签 dom 对象，elementId 是标签的 id 属性值 document.getElementsByName(elementName):通过标签的 name 属性查找标签 dom 对象，elementName 标签的 name 属性值 document.getElementsByTagName(tagname):通过标签名查找标签 dom 对象。tagname 是标
getElementsByName方法、getElementsByTagName方法、document对象三个查询方法的使用注意事项、dom对象查询练习、document对象补充说明
weixin_46065214的博客
08-17 1万+
getElementsByName方法、getElementsByTagName方法、document对象三个查询方法的使用注意事项、dom对象查询练习、document对象补充说明
HTML~getElementsByTagName
阿福的专栏
05-12 1496
getElementsByTagName() 方法可返回带有指定标签名的对象的集合。 引用别人的一段代码： //向webView中插入JS代码： [webViewstringByEvaluatingJavaScriptFromString:@"var script = document.createElement('script');"      " script.type =
前端研习录（27）——JavaScript document方法讲解及示例分析
清风不渡
08-11 1650
重拾前端记忆，记录学习笔记，现在进入JavaScript document方法部分
document.getElementsByTagName()方法的返回值
热门推荐
xyjikl
12-12 1万+
document.getelementsbytagname()方法的返回值 /* document.getelementsbytagname()方法的返回值中取出某个特定的元素。一开始以为它的返回值是一个数组，结果，大错特错。它返回的是一个 dom 对象，可以遍历，有 length 属性，但不是数组。 证据在这里： html code     window.onload = functi
document.all与getElementById、getElementsByName、getElementsByTagName用法区别-document.all第1/2页
09-06
本文将深入探讨`document.all`与`getElementById`、`getElementsByName`、`getElementsByTagName`这四个方法的区别和用法。 1. `document.all` `document.all` 是一个数组集合，它包含了HTML文档中所有的元素，...
解决 firefox 不支持 document.all的方法
10-31
一种简单的方法是使用 document.getElementsByTagName("*") 替代 document.all。getElementsByTagName() 方法可以根据标签名获取所有元素的集合，"*"号表示获取所有元素，而不管它们的标签名是什么。 例如，如果你...
JS的document.all函数使用示例
10-26
由于`document.all`并非标准的DOM方法，因此在现代浏览器中已不再推荐使用，而是倾向于使用`document.getElementById`、`document.getElementsByTagName`、`document.querySelector`和`document.querySelectorAll`等...
没有document.getElementByName方法
09-05
总之，`document.getElementsByName`、`document.getElementById`和`document.getElementsByTagName`是JavaScript中用于查找HTML元素的重要方法。理解它们的区别和用法对于进行DOM操作至关重要。在实际开发中，正确...
html5小技巧之通过document.head获取head元素
12-13
今天，看一个国外网站发现人家获取head元素如下 复制代码代码如下:var head = document.head || document.getElementsByTagName(‘head’)[0]; 后面的是我们常用的方式，前面的 document.head 着实第一次见。查资料发现原来是html5的东东。的确简单了，一个属性搞定。 当然，IE6/7/8不支持。IE9/Safari/Chrome/FF/Opera均支持（最新版本）。记录下。 html4中HTMLDocument接口如下 html5中HTMLDocument接口如下 相关： http://www.w3.org/TR/
javascript文件加载过程中产生的依赖问题
高山上的鱼
12-05 3976
一，加载JS文件产生的问题 　 　 　 　 　 　/*依次等待下载并执行，前面的js阻塞后面的js下载执行*/note:这种加载js文件可能产生的问题： （1）当js引擎遇到标签的时候，页面必须停下来等待下载和执行代码（注意：是等待下载和执行），然后才能处理页面剩余部分。因为大多数浏览器使用单进程处理UI更新和javascript运行等多个任务，并且同一个时间只能处理一个任务。当jav
这里是dom操作的问题 ， 需要记录下来 ，之后参考使用
lhf2009913的专栏
04-10 449
javascript 里面的 getElementsByTagName() 是怎么用的?
HTML DOM getElementsByTagName() 方法
04-13 780
定义和用法 getElementsByTagName() 方法可返回带有指定标签名的对象的集合。 语法 document.getElementsByTagName(tagname) 说明 getElementsByTagName() 方法返回元素的顺序是它们在文档中的顺序。 如果把特殊字符串 "*" 传递给 getElementsByTagName() 方法，它将返回文档中所有元素...
js中document节点获取页面元素的六种方式
不甜呐的博客
05-16 1万+
1.querySelector()方法 描述：本方法用于根据给定的选择器选中页面元素 如果有多个元素满足条件，则返回第一个满足条件的元素节点 语法：document.querySelector('选择器名'); 注意：如果查找失败，返回null 2.querySelectAll()方法 描述：本方法用于根据给定的选择器选中页面元素 如果有多个元素满足条件，则返回这些元素构成的集合 语法：document.querySelectAll('选择器名')...
动态加入Style标签报运行时异常，为什么？
wv112406的博客
10-13 464
var headId = document.getElementsByTagName("head")[0]; var cssNode = document.createElement('style'); cssNode.type = "text/css"; cssNode.id = "iAddCss"; headId.appendChild(cssNode); cssNode.inner...
百度分享--分享按钮的实现
weixin_34290390的博客
06-01 1471
 百度分享代码： <%@ page contentType="text/html;charset=UTF-8"%><div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#"...
Android微信浏览器标题,JS如何设置iOS中微信浏览器的title
weixin_32395459的博客
05-28 263
说到web前端，浏览器差异是不可回避的问题，这次在项目就遇到下面的问题：微信导航栏的内容是直接拿的项目中title来设置的。但是现在做的项目是一个单页应用，整个页面只会在第一次完全刷新，后面只会局部刷新，所以只能在页面刷新的时候通过js动态修改title。开始我们使用的做法如下：document.title = "微信导航栏想要显示的内容";$("title").text("微信导航栏想要显示的内...
关于js的document.getElementByTagName的一些玩意
m0_64288219的博客
06-09 3280
就是我怎么点安装按钮，son元素的蓝条的宽度就是没有改变，当时我百思不得其解。 我首先怀疑没有获取btn元素，但通过控制台输出btn,可以看出是获得的。 也就是这匆匆一瞥，让我错过了正确答案。 通过图片可以看出，getElementsByTagName返回是数组集合形式。 所以我们只需加上btn[0].onclick=functin(){}即可当时我还试着给button加上id,通过getElementsById来调用，测试可行。我还以为系统出了bug，心想以后要少用getElementsByTagNam
document.getElementsByTagName 替换
最新发布
05-04
document.getElementsByTagName() 方法返回一个 HTMLCollection 对象，该对象表示与指定标签名称匹配的元素列表。如果您希望获取文档中所有的 p 标签，您可以使用以下代码： ``` var paragraphs = document.getElementsByTagName("p"); ``` 如果您想要使用更强大的选择器语法，您可以使用 document.querySelectorAll() 方法。例如，以下代码将返回文档中所有类名为 "example" 的 div 元素： ``` var examples = document.querySelectorAll("div.example"); ``` 此外，如果您仅需要匹配一个元素，您可以使用 document.querySelector() 方法。例如，以下代码将返回文档中第一个类名为 "example" 的 div 元素： ``` var example = document.querySelector("div.example"); ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值