簡單的代碼卻不知道錯(cuò)在哪里。。。
<!DOCTYPE html>
<html>
<script>
window.onload=function ()
{
var biaoji=document.getElementsByName('biaoji').innerHTML;
var span=document.getElementsByTagName('span');
? ? ? ? var i;
? ?for(i=0;i<biaoji.length;i++)
? ?{
? ? ? ? biaoji[i].index=i;
? ? ? ? if(biaoji[i]=="1")
? ? ? ? {
? ? ? ? ? ? ? span[this.index].innerHTML="Hello World";
? ? ? ? ? }
? ? ? }
? }
</script>
<body>
<div name="biaoji">1</div>
<div name="biaoji">1</div>
<div name="biaoji">1</div>
<span>我愛你</span>
<span>我愛你1</span>
<span>我愛你2</span>
</body>
</html>
2016-11-09
var biaoji=document.getElementsByName('biaoji').innerHTML;
var span=document.getElementsByTagName('span');
以上這兩句都寫錯(cuò)了，ByName和ByTagName是集合型式的，你這樣得到的是一個(gè)空的，必須要通過下標(biāo)來得到組，要得到組里的數(shù)據(jù)就通過childNodes得到他下面組里所有的節(jié)點(diǎn)數(shù)據(jù);
<script>
window.onload=function ()
{
var biaoji=document.getElementsByName('biaoji')[0].childNodes;
var span=document.getElementsByTagName('p')[0].childNodes;
? ? ? ? var i;
? ?for(i=0;i<biaoji.length;i++)
? ?{ ??
? ? ? ?var n=biaoji[i].innerHTML;
? if(n=="1")
? ? ? ? {
? ? ? ? ? ? ? span[i].innerHTML="Hello World";
? ? ? ? ? }
?
? ? ? }
? }
</script>
<body>
<div name="biaoji">
<div>1</div>
<div>1</div>
<div>1</div>
</div>
<p>
<span>我愛你</span>
<span>我愛你1</span>
<span>我愛你2</span>
</p>
</body>
2016-11-10
這樣寫會(huì)更好一點(diǎn)，DIV里面文本和P標(biāo)簽里的文本可以隨意更改內(nèi)容
<style>
p{ display:none;}
.dis{ display:block;}
</style>
<body>
<div>3</div>
<span><p>我愛你1</p><p>我愛你2</p><p>我愛你3</p></span>
<div>4</div>
<span><p>我愛你7</p><p>我愛你8</p><p>我愛你9</p></span>
<div>5</div>
<span><p>我愛你4</p><p>我愛你5</p><p>我愛你6</p></span>
</body>
<script>
?var div1=document.getElementsByTagName('div')[0];
?var div2=document.getElementsByTagName('div')[1];
?var div3=document.getElementsByTagName('div')[2];
?var sapn1= document.getElementsByTagName('span')[0];
?var sapn2= document.getElementsByTagName('span')[1];
?var sapn3= document.getElementsByTagName('span')[2];
?div1=sapn1.lastChild.setAttribute('class','dis');
?div2=sapn2.lastChild.setAttribute('class','dis');
?div3=sapn3.lastChild.setAttribute('class','dis');
?
</script>
2016-11-10
<style>
p{ display:none;}
.dis{ display:block;}
</style>
<body>
<div>1</div>
<span><p>我愛你1</p><p>我愛你2</p><p>我愛你3</p></span>
<div>2</div>
<span><p>我愛你7</p><p>我愛你8</p><p>我愛你9</p></span>
<div>3</div>
<span><p>我愛你4</p><p>我愛你5</p><p>我愛你6</p></span>
</body>
<script>
?var div1=document.getElementsByTagName('div')[0].innerHTML;
?var div2=document.getElementsByTagName('div')[1].innerHTML;
?var div3=document.getElementsByTagName('div')[2].innerHTML;
?var sapn1= document.getElementsByTagName('span')[0];
?var sapn2= document.getElementsByTagName('span')[1];
?var sapn3= document.getElementsByTagName('span')[2];
?if(div1=='1' || div2=='2' || div3=='3'){
sapn1.lastChild.setAttribute('class','dis');
sapn2.lastChild.setAttribute('class','dis');
sapn3.lastChild.setAttribute('class','dis');
}
?
</script>
2016-11-09
<!DOCTYPE html>
<html>
<style>
span .span1{
display:none;
}
span .span2{
display:none;
}
span .span3{
display:none;
}
</style>
<script>
window.onload=function ()
{
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;
? ?if(parseInt(biaoji[i].innerHTML)==1)
? ? {
? ? ? ? span[i].innerHTML="Hello World";
? ? ? }
? ? ?else if(parseInt(biaoji[i].innerHTML)==2)
? ? ? {
? ?span[i].innerHTML="nimei";
? ? ? ? }
?else if(parseInt(biaoji[i].innerHTML)==3)
?{
?p3.style.display = 'block';
?}
? ?}
? }
</script>
<body>
<div name="biaoji">1</div>
<span><p name="p1" class="span1">我愛你1</p><p name="p2" class="span2">我愛你2</p><p name="p3" class="span3">我愛你3</p></span>
<div name="biaoji">2</div>
<span><p name="p1" class="span1">我愛你7</p><p name="p2" class="span2">我愛你8</p><p name="p3" class="span3">我愛你9</p></span>
<div name="biaoji">3</div>
<span><p name="p1" class="span1">我愛你4</p><p name="p2" class="span2">我愛你5</p><p name="p3" class="span3">我愛你6</p></span>
</body>
</html>
2016-11-08
var biaoji=document.getElementsByName('biaoji').innerHTML; 這一行代碼有誤，?document.getElementsByName('biaoji') 這個(gè)獲取的是一個(gè)對象的數(shù)組， 沒有innerHTML 屬性的。 有l(wèi)ength 屬性.