如何使用javascript更改p标记的内容? [英] How to change content of p tagusing javascript?
本文介绍了如何使用javascript更改p标记的内容?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想改变四个p标签中两个p标签的内容。
所有的p标签都有相同的类。
我想改变按类名称的内容。
我尝试使用列表元素数组。
我是什么尝试过:
我试过列表。
<!DOCTYPE html>
- 茶
- 茶
- 茶
- 茶
试试吧
函数myFunction() {
var list = document.getElementsByClassName(example)[0];
list.getElementsByClassName(child)[0] .innerHTML =Milk;
list.getElementsByClassName(child)[2] .innerHTML =Coffee;
}
解决方案
< blockquote>重新思考你是如何做事的。
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>
- Tea
- Tea
- Tea
- Tea
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; } }
这篇关于如何使用javascript更改p标记的内容?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文