1、首先打开hbuilder软件，新建一个html文件，里面写入一个p标签和一个按钮标签。
2、然后在p标签的下方设置一个script标签，里面写入js胆码；先获取p标签和按钮的dom对象，然后给按钮添加一个点击事件，再点击事件爱的回调中alertp标签的text属性即可。
3、最后打开浏览器，可以看到一段文字和一个按钮，点击这个按钮。
4、就可以弹出内容了。
说下你代码错误的地方吧：1，<button>结束标签没有
2，<script type="javascript"></script>
3，是getElementsByTagName而不是getElementByTagName
4,document.getElementsByTagName("p")应该为document.getElementsByTagName("p")[0]
正确代码：
<!DOCTYPE html>
<html>
<body>
<h1>
我的 Web 页面</h1>
<p id="demo">
一个段落。</p>
<div id="myDIV">
一个 DIV。</div>
<button onclick="myFunction()">
点击显示</button>
<script type="text/javascript">
function myFunction() {
alert(document.getElementsByTagName("p")[0].innerHTML)
}
</script>
</body>
</html>
使用jquery 获取相应的元素非常简便。
// 获取第一个p标签const firstP = $('p:first')
// 获取最后一个p标签
const lastP = $('p:last')
console.log(firstP, lastP)
