JavaScript 获取属性的值_script获取某个属性的内容-优快云博客

本文链接：https://blog.youkuaiyun.com/cyanciel/article/details/53897311

本文通过一个简单的HTML页面示例介绍了如何使用JavaScript来获取网页中的不同元素，包括通过ID获取链接、通过类名获取段落以及通过名称属性获取歌曲名称。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
	<head>
		<title>Get Elements</title>
		<meta charset="utf-8" />
	</head>
	<body>
		<a id='baidu'><b>百度一下，你就知道</b></a>
		
		<div class="poem">记住爱</div>
		<div class="poem">记住时光</div>
		<div class="poem">记住我们共同走过的岁月</div>
		
		<span name="song">Best Friend</span>
		<span name="song">All of me</span>
		<span name="song">Let her go</span>
		</span>
	</body>
	<script>
		//将id='baidu'的内容获取到，并保存到一个变量中
		var baidu = document.getElementById('baidu');
		//打印baidu
		//alert(baidu);这样打印，会发现什么都没有
		alert(baidu.innerHTML);//输出结果<b>百度一下，你就知道</b>
		alert(baidu.innerText);//百度一下，你就知道
		
		//打印poem
		var poem = document.getElementsByClassName('poem');
		alert(poem[0].innerHTML);//记住爱
		alert(poem[1].innerHTML);//记住时光
		alert(poem[2].innerHTML);//记住我们共同走过的岁月
		
		//获取song的内容
		//查找的内容显示在浏览器中
		var aSong = document.getElementsByName('song');
		alert(aSong[0].innerText);//Best Firend
		alert(aSong[1].innerText);//All of me
		alert(aSong[2].innerText);//Let her go
	</script>
</html>