实时搜索: js获取li是第几个

js获取li是第几个

461条评论 4491人喜欢 4120次阅读 441人点赞
怎样才能用css控制第一个li标签的样式,和其他li的样式不同,

<ul>
<li>新闻一</li>
<li>新闻二</li>
<li>新闻三</li>
</ul>

例如 控制 第一个新闻一 为粗体18号字,其他为1...

怎样才能用css控制第一个li标签的样式,和其他li的样式不同:

css控制第一个li标签的样式,和其他li的样式不同:给第一个<li>标签添加class或者id,然后编写css代码。

html:给第一个li元素添加一个class类名为“menu1”。

html:

<ul>

<li class=“menu1”>新闻一</li>

<li>新闻二</li>

<li>新闻三</li>

</ul>
css代码:
li{font-size:14px;} //4px大小的字体
.menu1{font-size:18px;font-weight:bold;} //字体样式:粗体18px字体

效果:

js点击ul中某个li标签,改变这个li标签的背景图,当点击其它li标签时前一个被点击的标签背景: <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>无标题</title>
<style type="text/css">
ul li{
background: grey;
margin-bottom: 1px;
list-style: none;
}
</style>
<script type="text/javascript">
function change(obj){
var arr = document.getElementById("ul").getElementsByTagName("li");
for (var i = 0; i < arr.length; i++) {
var a = arr[i];
a.style.background = "grey";
};
obj.style.background = "red";
}
</script>
</head>
<body>
<ul id="ul">
<li onclick="change(this);">1</li>
<li onclick="change(this);">1</li>
<li onclick="change(this);">1</li>
<li onclick="change(this);">1</li>
<li onclick="change(this);">1</li>
<li onclick="change(this);">1</li>
<li onclick="change(this);">1</li>
<li onclick="change(this);">1</li>
</ul>
</body>
</html>

 事件的监听可以改下,这种方式拓展性不强,用jquery来监听吧,比较简单点

JS怎么改变UL下LI的值:

javascript提供了innerHTML属性可以获取和设置对象的文本内容。

下面实例演示——单击<ul>下的<li>标签后,改变其显示值:

1、HTML结构

<ul id="test">
<li>Glen</li>
<li>Tane</li>
<li>John</li>
<li>Ralph</li>
</ul>

2、javascript代码

window.onload = function(){
obj = document.getElementById("test").getElementsByTagName("li");
for(i in obj){
obj[i].onclick = function(){
str = this.innerHTML;
this.innerHTML = "被点击后的" + str;
}
}
}

3、效果演示

Javascript 问题,给LI标签添加一个Onclick事件后,如何辨别点击了li中哪个元素?: function clickLi(e)
{ //兼容ie 火狐 chrome

e = e || window.event;
e.target = e.target || e.srcElement;
alert(e.target.nodeName);
}

js轮换或foreach的问题怎么从第一个li开始

  • 1.6卵泡多久排

    CDR透明度调出来一截一截的,求解决办法,企鹅号654276480: 出现这种情况,你可以看看你的透明工具设置问题,下面我截了张图,那个步长值,范围在0-999之间,你自己设置一下,你就会明白是怎么回事情了!!!!我用的X4版本的CDR,下面是我给你截的图, ...

    930条评论 1389人喜欢 4113次阅读 619人点赞
  • 12天hcg多少正常

    cdr透明工具: 肯定啊。。你既然设置了透明度。。那么后面的颜色肯定会叠加啊。如果你不想有这种效果。。那你就把透明度取消了。。直接填充  实色。。 ...

    916条评论 1315人喜欢 3684次阅读 438人点赞
  • dnf黑暗武士和缔造者哪个好

    珠宝玉石首饰鉴定证书上的羽状纹是什么意思: 羽状纹是你买的首饰配的宝石里有羽状纹包体,宝石里没有各种包体为好,净度级别从高到底为:无瑕(FL)、内部无瑕(IF)、极微瑕(VVS)VVS1、VVS2、微瑕(VS)VS1、VS2、小瑕(SI)SI1、SI2、重瑕(...

    584条评论 1938人喜欢 2591次阅读 338人点赞
  • 师任堂是谁

    别克英朗1.6T 涡轮增压器最大能打到多少帕: 一般是0.2-0.3兆怕 高于这个数值 旁通阀作用于涡轮内叶片限制了转速目的是防止压力过高 损害发动机--------如果没有旁通阀 比如3000/分转0.3的话 那么6000呢 我想怎么也得0.4以上吧 是不可能到...

    866条评论 5044人喜欢 6194次阅读 860人点赞
  • e3和i5哪个好

    机械制图有角度的轴测图的画法:   为了使常用的立体图统一规范化,机械制图对其反映长宽高轴向夹角和轴向变形系数做了统一规定。其中正等侧、斜二侧较为常见。  正等测:反映长宽高的三轴OX、OY、OZ间夹角均为120º,变形系数取1 。轴向尺寸可按长宽...

    570条评论 3510人喜欢 1599次阅读 609人点赞
  • 昆明得胜家具城有几个

    关于迈锐宝1.6t涡轮增压发动机问题,求大神详解!!!!: 首先,通用的发动机技术是一流的,那台2.4直喷和2.0T都是沃德十佳发动机,也是君威君越迈瑞宝的配置,涡轮寿命和车寿命一样长,且保养不贵,1.6T的动力接近2.4L,你喜欢涡轮你肯定懂的。转速介入慢,但马力大,百米加...

    234条评论 2046人喜欢 4605次阅读 961人点赞
  • dota2星际争霸哪个好玩

    曾经的F1赛车怎么总是爆缸: 谁说舒马赫总爆缸了?舒马赫从2000年法国站到2006年中国站,引擎根本就从来没有发生过故障。舒马赫很厉害,开车快而且懂得保护引擎。记得06赛季上海站的比赛,马萨引擎因为有故障,更换之后倒退10位发车。舒马赫日本站引...

    328条评论 2086人喜欢 1687次阅读 771人点赞