js如何通过tagname取到标签并所有该类改变标签的样式

Posted 心雨星空

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js如何通过tagname取到标签并所有该类改变标签的样式相关的知识，希望对你有一定的参考价值。

废话少说示例如下：

<!DOCTYPE html>
<html>
<body>

<p>本例调用的函数会执行一个计算，然后返回结果：</p>

<p id="demo"></p>

<script>
function myFunction(a,b)
{
return a*b;
}
document.getElementById("demo").innerHTML=myFunction(4,3);/*此处是使用id进行dom操作的方法有兴趣也可了解*/
/*下面为该例的关键代码*/
var s=document.getElementsByTagName("p"); /*获取到所有p标签*/
  var i=0;
  var d=s.length;
/*用for循环遍历所有p标签*/
 for(i=0;i<d;i++){
  s[i].style.color="green";
   }
 
 
</script>

</body>
</html>

 

以上是关于js如何通过tagname取到标签并所有该类改变标签的样式的主要内容，如果未能解决你的问题，请参考以下文章

jquery怎么取到最后的那个a标签？

JS高级---闭包案例，点赞

getElementsByTagName() 方法

如何通过HTML改变我的chrome浏览器的标签名？

getElementsByTagName()方法

getElementsByTagName()方法