使用普通javascript将效果应用于特定的lis

使用普通javascript将效果应用于特定的lis,javascript,html-lists,Javascript,Html Lists,我可以在jquery中做到这一点,但出于某种原因,我的老板更喜欢将服务器请求减少到32kb,而不是使用jquery的魔力。那么,如何使用纯javascript对单击时的所有li标记应用效果呢 我尝试了getElementById,但这只适用于id。javascript也不是很好。我的li非常基本,它没有类名 编辑: 要在单击时隐藏所有li。尝试从其中一个答案中执行此操作,但出现错误 TypeError:document.getElementById(…).getElementsByTagName

我可以在jquery中做到这一点,但出于某种原因,我的老板更喜欢将服务器请求减少到32kb,而不是使用jquery的魔力。那么,如何使用纯javascript对单击时的所有
li
标记应用效果呢

我尝试了
getElementById
,但这只适用于id。javascript也不是很好。我的
li
非常基本,它没有类名

编辑: 要在单击时隐藏所有
li
。尝试从其中一个答案中执行此操作,但出现错误

TypeError:document.getElementById(…).getElementsByTagName(…)。样式未定义


非常感谢。

使用
document.getElementsByTagName('li')这将返回所有li-s。或从特定元素获取li:

document.getElementById('myelementid').getElementsByTagName('li');
编辑隐藏id为“holder”的元素中的所有
li
元素:

var lis=document.getElementById('holder').getElementsByTagName('li');
对于(变量i=0;i
使用
document.getElementsByTagName('li');
这将返回所有li-s。或从特定元素获取li-s:

document.getElementById('myelementid').getElementsByTagName('li');
编辑隐藏id为“holder”的元素中的所有
li
元素:

var lis=document.getElementById('holder').getElementsByTagName('li');
对于(变量i=0;i
试试这个:

var allLis = document.getElementsByTagName('li'), thisLi, i, l;
for(i=0, l=allLis.length; i<l; i++){
    thisLi = allLis[i];
    // do something to 'thisLi' here
}
var allLis=document.getElementsByTagName('li'),thisLi,i,l;
对于(i=0,l=allLis.length;i尝试以下方法:

var allLis = document.getElementsByTagName('li'), thisLi, i, l;
for(i=0, l=allLis.length; i<l; i++){
    thisLi = allLis[i];
    // do something to 'thisLi' here
}
var allLis=document.getElementsByTagName('li'),thisLi,i,l;

对于(i=0,l=allLis.length;i您希望对您的
li
应用哪种类型的效果?另外,您可以发布您已经尝试过的代码吗?您希望对这些li元素应用哪种效果?您是否从运行应用程序的同一个Web服务器请求jQuery服务器,以及哪些请求应缩减到如果是的话,考虑使用一个内容传递网络,比如当单击按钮时想要隐藏所有的Li。你希望什么样的效果应用到你的<代码>里>代码>?你能发布你已经尝试过的代码吗?你想在那些Li元素上应用什么样的效果?你有没有请求JQuery服务器FRO?M是同一个Web服务器,在那里运行应用程序,哪些请求应该被裁减到32 KB?如果是,考虑使用一个内容传递网络,比如只想在单击按钮时隐藏所有的Li…然后循环到最终的NoDelist.Doo.GETelEnMyByID(“HOLD”)。“;--这返回了一个错误,我做错了什么?@SaintDee就像我说的:
getElementsByTagName()
返回一个节点列表。例如,您必须使用
for
循环手动迭代此操作……然后在生成的节点列表上循环。document.getElementById('holder')。getElementsByTagName('li')。style.display=”无”;--这返回了一个错误,我做错了什么?@SaintDee就像我说的:
getElementsByTagName()
返回一个节点列表。例如,你必须使用
for
循环手动迭代。