DOM操作----根据标签名获取网页中的多个元素
2018-11-05 本文已影响0人
萌酷萌酷的兔
<!DOCTYPE html>
<html>
<head>
<title>根据标签名获取网页的多个元素</title>
<script type="text/javascript">
function getByTag(){
var doms=document.getElementsByTagName('p');
var str="";
for(var i=0;i<doms.length;i++){
str+=doms[i].innerHTML;
str+=" ";
}
alert("所有的P标签："+str);
}
</script>
<style type="text/css">
p{
font-size:20px;
font-style:italic;
font-weight:bold;
}
</style>
</head>
<body>
<p>挣扎吧，在血和暗的深渊里！</p>
<p>痛苦吧，在仇与恨的地狱中！</p>
<input type="button" onclick="getByTag()" value="All P!">
</body>
</html>
