如果我有3段，那么这段代码用于管理两段，那我怎么办？ [英] This code is for Manage Two Paragraphs if i have 3 Paragraphs then how can i?
本文介绍了如果我有3段，那么这段代码用于管理两段，那我怎么办？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
< html >
< head >
< title > Javascript测试＃6 < / title >
< / head >
< body >
< p id = <跨度class =code-keyword> para > 第一段内容< < span class =code-leadattribute> / p >
< br / >
< a id = links > 点击此处更多文字< / a >
< script type = text / javascript >
document.getElementById（links）。onclick = writeData;
函数writeData（）
{
document.getElementById（para）。innerHTML =Second Paragraph Content;
返回false;
}
< / script >
< / body >
< / html < span class =code-keyword>>
解决方案
试试这个：
< html >
< head >
< title < span class =code-keyword>> Javascript Test＃6 < / title>
< / head >
< 正文 >
< 输入 类型 = 隐藏 id = hdnNumber / >
< p id = para > 第一段内容< / p >
< br / >
< a id = links > 点击此处查看更多文字< / a >
< script 类型 = text / javascript >
document.getElementById（hdnNumber）。value =0;
document.getElementById（links）。onclick = writeData;
函数writeData（）
{
if（document.getElementById（hdnNumber）。value ==3）
{
document.getElementById（hdnNumber ）.value =0;
}
if（document.getElementById（hdnNumber）。value ==0）
{
document.getElementById（para）。innerHTML =First Paragraph内容;
document.getElementById（hdnNumber）。value =1;
}
else
if（document.getElementById（hdnNumber）。value ==1）
{
document.getElementById（para）。 innerHTML =第二段内容;
document.getElementById（hdnNumber）。value =2;
}
else
if（document.getElementById（hdnNumber）。value ==2）
{
document.getElementById（para）。 innerHTML =第三段内容;
document.getElementById（hdnNumber）。value =3;
}
返回false;
}
< / script >
< / body >
var count = 0;
函数changeText（）{
count ++;
var id =p1;
if（count == 1）
id =p2;
else if（count == 2）
id =p3;
else
count = 0;
document.getElementById（id）.style.display =;
}
< p id = p1 > 欢迎使用网站< / p >
< p id = p2 style = display：none; > 欢迎使用到site2 < / p >
< p id = p3 style = display：none; > 欢迎使用site3 < / p >
< a id = links onclick = changeText > Cl点击此处更多文章< / a >
<html>
<head>
<title>Javascript Test #6</title>
</head>
<body>
<p id="para">First Paragraph Content</p>
<br/>
<a id="links" > Click here to MoreText</a>
<script type="text/javascript">
document.getElementById("links").onclick = writeData;
function writeData()
{
document.getElementById("para").innerHTML = "Second Paragraph Content";
return false;
}
</script>
</body>
</html> 解决方案
Try this:
<html> <head> <title>Javascript Test #6</title> </head> <body> <input type = "hidden" id = "hdnNumber"/> <p id="para">First Paragraph Content</p> <br/> <a id="links" > Click here to MoreText</a> <script type="text/javascript"> document.getElementById("hdnNumber").value = "0"; document.getElementById("links").onclick = writeData; function writeData() { if(document.getElementById("hdnNumber").value == "3") { document.getElementById("hdnNumber").value = "0"; } if(document.getElementById("hdnNumber").value == "0") { document.getElementById("para").innerHTML = "First Paragraph Content"; document.getElementById("hdnNumber").value = "1"; } else if(document.getElementById("hdnNumber").value == "1") { document.getElementById("para").innerHTML = "Second Paragraph Content"; document.getElementById("hdnNumber").value = "2"; } else if(document.getElementById("hdnNumber").value == "2") { document.getElementById("para").innerHTML = "Third Paragraph Content"; document.getElementById("hdnNumber").value = "3"; } return false; } </script> </body>
var count = 0;
function changeText(){
count++;
var id = "p1";
if(count == 1)
id = "p2";
else if(count == 2)
id = "p3";
else
count = 0;
document.getElementById(id).style.display = "";
}
<p id="p1">Welcome to the site</p>
<p id="p2" style="display:none;">Welcome to the site2</p>
<p id="p3" style="display:none;">Welcome to the site3</p>
<a id="links" onclick="changeText"> Click here to MoreText</a>这篇关于如果我有3段，那么这段代码用于管理两段，那我怎么办？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
