页面有5个p段落,使用css函数和html函数点击每个p段落的时候打印p段落内容和设置背景色红色,

好的，为您提供代码如下：

HTML代码：

<p id="p1">第一个p段落</p>
<p id="p2">第二个p段落</p>
<p id="p3">第三个p段落</p>
<p id="p4">第四个p段落</p>
<p id="p5">第五个p段落</p>

JavaScript代码：

// 获取所有p段落元素
var pList = document.getElementsByTagName("p");

// 为每个p段落元素添加点击事件
for (var i = 0; i < pList.length; i++) {
  pList[i].onclick = function() {
    var content = this.innerHTML; // 获取当前p段落的内容
    console.log(content); // 控制台输出p段落内容
    this.style.backgroundColor = "red"; // 设置背景色为红色
  }
}

当您点击每个p段落时，将会在控制台输出该段落的内容，并将背景色设置为红色。