如何使用javascript更改p标记的内容？

更新时间：1970-01-01 07:57:54

重新思考你是如何做事的。

1 - 给你& LT; p为H.元素id。

2 - getElementById （the_id_you_set）。innerHTML ='coffee'

3 - 完成。

基本上适用于所有元素。

当你开始使用AJAX时，这变得至关重要。

 var p = document.getElementsByTagName（p）; 
 for（var i = 0; i< p.length; i ++）{
 if（p [i] .innerHTML ==Tea）{
p [i] .innerHTML =牛奶; 
休息; 
} 
}

< pre> var p = document.getElementsByTagName（ p）; 
 for（var i = 2; i< p.length; i ++）{
 if（p [i] .innerHTML ==Tea）{
p [i] .innerHTML =咖啡; 
休息; 
} 
}

I want to change the content of two p tags out of four p tags.
All of the the p tags are having same class.
I want to change the content by classname.

I tried using array of list elements.

What I have tried:

I tried for list.

<!DOCTYPE html>

Try it

function myFunction() {
var list = document.getElementsByClassName("example")[0];
list.getElementsByClassName("child")[0].innerHTML = "Milk";
list.getElementsByClassName("child")[2].innerHTML = "Coffee";
}

Rethink how you do things.

1 - give your <p> elements id's.
2 - getElementById("the_id_you_set").innerHTML='coffee'
3 - done.

Works for essentially all elements.

When you start using AJAX, this becomes essential.

var p = document.getElementsByTagName("p");
for(var i=0;i<p.length; i++) {
    if(p[i].innerHTML == "Tea") {
        p[i].innerHTML = "Milk";
        break;
    }
}

<pre>var p = document.getElementsByTagName("p");
for(var i=2;i<p.length; i++) {
    if(p[i].innerHTML == "Tea") {
        p[i].innerHTML = "Coffee";
        break;
    }
}

上一篇 : ：Bootstrap 5 导航栏右对齐项目下一篇 : 如何旋转Picturebox

如何使用javascript更改p标记的内容？

相关阅读

推荐文章