Javascript 单击css内容属性_Javascript_Jquery_Html_Css

Javascript 单击css内容属性

javascript jquery html css

Javascript 单击css内容属性,javascript,jquery,html,css,Javascript,Jquery,Html,Css,下面的代码在标题标记之前添加一个图像。在单击标题之前添加图像时，如何添加javascript或jquery代码来处理某些任务 h1::before { content: url(smiley.gif); } Html代码是： <html> <body> <h1>Hi </h1> </body> </html> 你好不能在伪类元素上附加事件，因为它们不是DOM的一部分，只能将事件附

下面的代码在标题标记之前添加一个图像。在单击标题之前添加图像时，如何添加javascript或jquery代码来处理某些任务

h1::before 
{
    content: url(smiley.gif);
}

Html代码是：

 <html>
   <body>
     <h1>Hi </h1>
   </body>
 </html>


你好

不能在伪类元素上附加事件，因为它们不是DOM的一部分，只能将事件附加到原始元素或父元素

您可以创建一个包含图像的元素，并将其放置在伪元素放置图像的同一位置，并将任何事件处理程序附加到该图像。

CSS中的伪元素，如

：before

和

：after

不属于DOM，不能更改或与javascript交互。如果您希望与图像进行交互，则需要将图像添加到“真实”元素，并将事件处理程序附加到该元素。

谢谢您的回答请告诉我，在单击某个按钮时是否可以更改内容值这可以帮助您感谢先生的回答，老实说，我会试着忽略一下规范。。我从来没有太多地使用过before或after伪选择器，更不用说修改它们的内容了，但是它可能会很有用，因为它能够。也许ECMA脚本6规范会定义它。可以通过更改一个属性来定义它，该属性将由您的CSS选择器拾取，然后在该上下文中修改它。作为DOM一部分的伪元素不在ES6规范中，我认为也不会，因为CSS使用它自己的对象模型（CSSOM）