Javascript HTML/CSS：关注段落

当我点击每个“p”标记时，我想分别对其进行聚焦，就像CSS“聚焦：”在输入上一样。问题是选择器“焦点”对段落不起作用，下面是一个示例：

HTML

<div id="myDiv">
    <p>Some Content 1</p>
    <p>Some Content 2</p>
    <p>Some Content 3</p>
    <p>Some Content 4</p>
</div> 

---

我如何才能找到一个替代解决方案使其工作？

您可以将

tabindex

添加到

p

标记中以实现这一点

#myDiv p:focus{
背景色：红色；
}

某些内容1
某些内容2
某些内容3
一些内容4

这里是一个仅使用javascript的版本：

功能突出显示（theP）
{
var x=document.getElementsByTagName（“p”）；
var i；
对于（i=0；i

一些内容1

一些内容2

一些内容3

一些内容4

不错！我不知道你能做到。我打算提出一个javascript解决方案。真是不错的选择，我不知道你能做到！但如果可能的话，我正在寻找一个javascript解决方案，因为我在drupal 7上运行，无法直接更改某些字段的类。@Lance你可以发布javascript解决方案吗？它也会很有用：）如果你对jquery没意见，我可以给你一个答案@SiaBeat you to it@Lance:）你不应该使用

onclick

@klenium为什么？

#myDiv p:focus {background-color:red;}