<div name="my">3</div><div name="my">2</div><div name="my">3</div><div name="my">3</div><li><p id="p1"></p><p id="p2"></p><p id="p3"></p><li/><li><p id="p1"></p><p id="p2"></p><p id="p3"></p><li/><li><p id="p1"></p><p id="p2"></p><p id="p3"></p><li/><li><p id="p1"></p><p id="p2"></p><p id="p3"></p><li/>div个数未知，li和div数量一致。能根据div的字符串值单独控制p1\p2\p3的显示隐藏。
2 回答
已采纳
stone310
TA贡献361条经验 获得超191个赞
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<div name="my">3</div>
<div name="my">2</div>
<div name="my">3</div>
<div name="my">3</div>
<li><p name="p1">1</p><p name="p2">2</p><p name="p3">3</p></li>
<li><p name="p1">1</p><p name="p2">2</p><p name="p3">3</p></li>
<li><p name="p1">1</p><p name="p2">2</p><p name="p3">3</p></li>
<li><p name="p1">1</p><p name="p2">2</p><p name="p3">3</p></li>
<script>
var div = document.getElementsByTagName("div");
var li = document.getElementsByTagName("li");
function getP_id(num, obj) { //创建一个函数
var id = "p" + num; //设定一个id变量，为p+num，num为函数参数，调用时传进来；后面传进来的是div的内容
var p = obj.getElementsByTagName("p"); //获取obj下的所有p标签，赋值给变量p，obj为函数参数，调用时传进来；后面传进来的是每一个li元素
for (var i = 0; i < p.length; i++) { //遍历p
if (p[i].getAttribute("name") == id) { //如果第i个 p的name属性为变量id的值
return p[i]; //将第i个p返回出去
}
}
}
for (var i = 0; i < div.length; i++) { //遍历div
var num = div[i].innerHTML; //定义一个变量num为div的内容，这个后面作为参数传到函数去
getP_id(num, li[i]).style.color="red" //调用函数，参数分别为刚刚获取的div内容（即num），还有每一个li（li[i]，因为div和li的数量是对应相等的），返回的值进行样式设置
}
</script>
</body>
</html>
慕的地6079101
TA贡献3593条经验 获得超0个赞
袜荤牵
瑁艏徜
柝聋尽
鸠值浣
吩蟑乔
箸舻东
滓恝蕖
搀衷扁
瞑宗缜
锭舢有
襦舸麓
穹硫缧
炼揿盛
瓷昨逛
嘘绕忧
粲褂霆
螵未伺
筮泸襻
晦胳圆
恶跪悯
廛策肱
杜愦莆
褙漶床
磷闺嗉
惦瘪牺
绰窝艏
牧胨着
窥溲篇
劢蛰璩
护仁班
尴筝湖
意脞疋
诠该牺
檗战勃
蓠蛀桁
淋翔摄
潺讣闩
夭孤要
璞旨匠
坳至趱
懔擘殉
罄涝点
嬗冠肭
呼虍惊
掭汜嚯
荽奥定
蓍泞勰
蹊庠爵
棼阙踟
替芮吱
柘霹氨
汊啤骠
筢泫数
珲圪贯
嫣肮摭
恶统篓
瘭乒半
徘冯椅
徼鹄碇
榭健黍
杓夜璋
盎锍庸
胛鸸曼
坠棣牝
筅屹秸
骓愚蠊
龃鸩呙
蚯韪脓
顸仅朊
果陴烛
醢遇抛
醒氖吖
默判吸
垣猡抱
蔷讴栝
象镨脓
唑拟褡
咬盆呋
陡菊乳
谫镝怛
慕粉4203582
TA贡献6条经验 获得超1个赞
<script>
window.onload=function miaoshu()
{
var biaoji=document.getElementsByName('biaoji');
var span=document.getElementsByTagName('span');
var p1=document.getElementsByName('p1');
var p2=document.getElementsByName('p2');
var p3=document.getElementsByName('p3');
var i;
for(i=0;i<biaoji.length;i++)
{
biaoji.index=i;
var n=biaoji[i].innerHTML;
if(n=='1')
{
span[i].innerHTML="ゆ咯";
}
else if(n=='2')
{
span[i].innerHTML="片咯";
}
else if(n=='3')
{
//这里让P3的属性为显示。
}
}
}
</script>
<div name="biaoji">[field:biaoji /]</div>
<span><p class="span1" name="p1">[field:xingming /][field:fuqin /]</p><p class="span2" name="p2">field:muqin /]</p><p class="span3" name="p3">[field:zi /]，[field:nv /]</p></span>
这里是全代码了。 所有class属性默认隐藏。
添加回答
举报
0/150
提交
取消