ByTagName的动态属性

getElementById和getElementByTagName的区别:

1. getElementById前面只能加document;

2.getElementById只能找一个元素,getElementByTagName是一堆元素的集合,访问时,用[ ]

3.getElementByTagName后面添加一些(用innerHTML),再去访问,就可以找到了。

 

#list{} var oUl = document.get ElementById('list');  静态方法-->只获取一个元素

li{} document.getElementByTagName('li');  动态方法

#list li{} var aLi = oUl.getElementByTagName('li');

 //aLi => [li,li,li] 元素的集合

aLi.length

aLi[0]

//在用TagName的时候,必须要加上:[]

window.onload = function (){

     var oUl = document.getElementTagByName(ul)[0];

     var aLi = oUl.getElementTagByName('li');

 

### 回答1: `document.getElementsByTagName` 是一个 JavaScript 方法,它可以返回一个包含指定标签名的所有元素的集合(类数组)。这个方法接收一个参数,即要获取的元素的标签名,例如 "div"、"p"、"a" 等。它会在文档中搜索所有符合指定标签名的元素,并将它们全部存储在一个类数组对象中返回。可以使用该方法来操作或修改文档中指定标签名的元素。 ### 回答2: document.getElementsByTagName 是 JavaScript 中的一个方法,它的作用是通过标签名称获取文档中所有具有相同标签名称的元素。 当我们在 HTML 文档中使用标记语言编写页面时,我们会使用不同的标签来定义不同类型的元素,例如 `<div>`、`<p>`、`<span>` 等等。document.getElementsByTagName 方法可以通过指定标签名称,返回一个包含所有与该标签匹配的元素的 HTMLCollection 对象。 HTMLCollection 是一个类似数组的对象,它包含了与给定标签名称匹配的所有元素。这意味着我们可以通过访问 HTMLCollection 对象的索引来获取特定位置的元素,或者通过迭代 HTMLCollection 来遍历其中的所有元素。我们可以使用这些元素做一些操作,例如修改元素的内容、样式或属性。 通过 document.getElementsByTagName 方法可以非常方便地选择和操作文档中的多个元素,无需一个一个手动获取和处理,减少了工作的复杂性和时间成本。这个方法在处理一些重复结构和具有相同标签的元素时非常有用,例如处理多个 `<div>` 元素,或者获取 `<p>` 元素的数量等。 ### 回答3: document.getElementsByTagName是JavaScript中的方法,用于通过标签名获取文档中所有对应标签的元素。 document代表当前HTML文档对象,是访问和操作HTML页面的入口。 getElementsByTagName是getElementsByTagName方法的一部分,其中的“ByTagName”表示通过标签名来筛选元素。 通过使用document.getElementsByTagName方法,我们可以按照标签名获取文档中所有对应的元素,并将它们以HTMLCollection(HTML元素的集合)的形式返回。 例如,如果我们使用document.getElementsByTagName("div"),则会返回文档中所有的<div>元素。同样,如果我们使用document.getElementsByTagName("p"),则会返回文档中所有的<p>元素。 返回的HTMLCollection是一个类似数组的对象,可以通过索引来访问其中的元素。可以通过遍历这个集合,对集合中的元素进行操作,例如修改元素的内容、样式等。 需要注意的是,返回的HTMLCollection是一个动态的集合,这意味着当文档中的相关元素改变时,返回的集合也会自动更新。 总结来说,document.getElementsByTagName方法允许我们根据标签名选择页面中的元素,并以HTMLCollection的形式返回,方便我们对这些元素进行操作。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值