php 43 js (点击banner显示内容 getElementByTagName ,遍历) query (取id,遍历)
2015-05-16 13:53
357 查看
1.getElementsByTagName
getElementsByTagName()方法可返回带有指定标签名的对象的集合。
如果把特殊字符串 "*" 传递给 getElementsByTagName() 方法,它将返回文档中所有元素的列表,元素排列的顺序就是它们在文档中的顺序。
e.g.
var x=
document.getElementsByTagName("input");
可以通过使用 length
属性来循环遍历节点列表
varx=document.getElementsByTagName("p");
for
(var i=0;i<x.length;i++) { // do something with each paragraph }
所以得到点击banner控制内容的函数(有效率更高的ajax方法)
functiongetcontent(idvalue){
var i;
var list = document.getElementById("channel");
var str = list.getElementsByTagName("div");
//alert(str);
for(i=0; i<str.length; i++){
str[i].style.display="none";
}
document.getElementById(idvalue).style.display="block"
}
2.jquery中each遍历
如果要实现如下效果$('#channel div').hide();
$('#banner').show();
$('#channel div').each(function(){
$(this).attr('id')
})
3.
相关文章推荐
- js querySelector和getElementById通过id获取元素的区别
- js querySelector和getElementById通过id获取元素的区别
- 点击按钮,表格隔行变色:偶数行为黄色背景,奇数行为默认颜色。通过table的getElementsByTagName取得所有的tr,依次遍历,如果是偶数就…………。
- js中document.getElementById("id").value+1问题
- js点击上传图片后直接显示在内容框中
- querySelectorAll 和 getElementByTagName()等方法的区别
- JS中$()方法与document.getElementById('id')的区别
- js中document.getElementById(ID)与document.getElementsByName(Name)的区别
- Vue.js 点击按钮显示/隐藏内容 实例
- js实现二级菜单点击显示当前内容效果
- Vue.js 点击按钮显示/隐藏内容的实例代码
- 怎么把js获得的list数据加上链接定向显示在HTML中,并且点击对应内容会访问链接内容
- [原]点击按钮,表格隔行变色:偶数行为黄色背景,奇数行为默认颜色。通过table的getElementsByTagName取得所有的tr,依次遍历,如果是偶数就…………。
- js 点击标题显示/隐藏层内内容(任意数量,可设css)
- js querySelector与getElementById
- 输入框点击内容清空或显示的js代码
- function $(id){ return document.getElementById(id); }导致所有的js不能用解决办法。。。。
- 原生JS实现点击按钮显示更多内容
- C#代码调用js函数,js函数中的document.getElementById("对象ID")得null值解决办法
- 表单提交到下一个页面后,再点击IE上的后退,如何能让表单内容再次显示出来?(以及当前页禁止IE返回按钮js)