JavaScript实现对P标签的操作

最新推荐文章于 2024-06-26 22:26:36 发布

张侦毅

最新推荐文章于 2024-06-26 22:26:36 发布

阅读量7.3k

点赞数 2

分类专栏：其他文章标签： javascript

本文链接：https://blog.csdn.net/ZZY1078689276/article/details/47176513

版权

本文介绍了如何使用JavaScript来获取和操作P标签。包括根据ID、NAME和TAGNAME获取P标签，以及获取元素的属性如name和class，同时讲解了如何获取P标签的文本内容。

摘要由CSDN通过智能技术生成

获取P标签：

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").click(function(){
    var ids=document.getElementById("p1");
    alert("id:"+ids);
    var names=document.getElementsByName("name1");
    alert("names:"+names);
    var tagNames=document.getElementsByTagName("p")[0];
    alert("tagNames:"+tagNames);
    //此时已经获取到了第一个P标签，因为我们可以根据此标签获取该标签中的文本内容，如下所示：
    var tagNamesValue=tagNames.innerHTML;
    alert(tagNamesValue);
  });
});
</script>
</head>
<body>
<p id="p1" name="name1">如果您点击我，我会消失。</p>
<p id="p2" name="name2">点击我，我会消失。</p>
<p id="p3" name="name3">也要点击我