getElementsByTagName 仅限特定链接
getElementsByTagName specific links only
我正在尝试在我的网站上使用Anarchy Media Player,但由于我的媒体文件/URL不是标准格式,因此不得不更改代码。它现在拉取视频文件,但javascript正在查找所有链接并尝试向其添加播放器。我什至在视频链接中添加了id"video",但仍然在页面上找到所有链接并向其添加播放器。如何分离这些链接以仅将玩家添加到其中?
以下是查找链接的 javascript 部分:
var all = document.getElementsByTagName('a');
for (var i = 0, o; o = all[i]; i++) {
if(o.idName="video" && o.className!="amplink") {
// Add player code...
}
}
谢谢你的帮助。
不知道为什么你不只是这样做:
var all = document.getElementsByTagName('a');
for (var i = 0, len = all.length; i<len; i++) {
if(all[i].idName=="video" && all[i].className!="amplink") {
// Add player code...
}
}
这应该对你有用。请注意,我存储了数组长度的值,因此您不必每次迭代都查找它。最小,但确实略微提高了性能。
当您在 if 语句中idName="video"
时,您还将idName
设置为视频,而不是比较(这将始终返回 true,这是您的问题)。使用双等号运算符 (==) 或三等号运算符 (===) 来比较值。
你确定你不是说if (o.className == "amplink")
吗?
除此之外,你所拥有的很好(除了总是返回 true 的o.idName="video"
位):http://jsfiddle.net/VpMVe/
querySelectorAll获取元素,但在较旧的浏览器中不受支持(这将比IE8,FF3.5,Opera 10,Chrome 4和Safari 3.1更早)。它类似于使用CSS选择器(和jQuery)定位元素。这是一个演示,让与类video
的所有链接变为红色。
function get(selector) {
return document.querySelectorAll(selector)
}
(function() {
//get all <a> with class "video"
var video = get('a.video');
//for each, turn them red
for (var i = 0; i < video.length; i++) {
video[i].style.color = 'red';
//in your case, do whatever you want for each target here
}
}())
没有 idName 属性。这只是o.id
.而且只能有一个 id,因此可能会导致一些问题。此外,您正在分配它,而不是比较总是计算为 true 的相等性。如果您有多个类,例如 class="amplink someOtherClass"
!= amplink 的计算结果为 true。最好对类名进行匹配。像这样:&& !o.className.match(/ampLink/)
在另一个班级上制作视频并改为进行匹配。
- 创建一个类似链接的按钮,并通过Javascript函数打开一个新的弹出窗口
- 如何使用jQuery自动打开页面上的所有链接
- 动态地改变“”的URL;添加新项目”;链接使用javascript/jquery
- jquery动画可以通过编程链接吗
- 在单击href链接的同时下载文件
- 尽管链接成功并已成功下载,但未找到NPM模块
- 制作一个不带HTML a标记但在动画播放完毕后指向其他页面的超链接
- ReactJS映射:如何仅在url变量不为空时呈现html链接
- 单击页面上的链接后高度发生变化
- 将纯文本URL转换为可单击链接
- python-selenium-点击上升链接
- 一点javascript元编程&可链接的设置器
- ng视图外的链接重定向到ng视图内的页面
- 如何调用“;链接_;在onclick事件上使用Javascript
- 链接所有<a>Meteor
- 如何在Angular中的表的所有单元格中添加链接
- 通过链接重定向不;我不在jstree中工作
- 根据选项卡内部的文本链接中的哈希ID动态选择jqueryUI选项卡
- 单击超链接时,如何使用Google Maps API v3缩放地图
- 完全可链接的li元素