Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/asp.net-mvc/14.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Select::before元素使用javascript或在另一个div javascript中创建div_Javascript - Fatal编程技术网

Select::before元素使用javascript或在另一个div javascript中创建div

Select::before元素使用javascript或在另一个div javascript中创建div,javascript,Javascript,请看我的html <style> .my-div::before{ content:'click me'; display:block; border:1px solid black; } </style> <div class="my-div">....</div> .我的部门::以前{ 内容:'点击我'; 显示:块; 边框:1px纯黑; } .... 现在我需要的是,当有人单击click me函数时,我必须使用javasc

请看我的html

<style>
.my-div::before{
  content:'click me';
  display:block;
  border:1px solid black;
 }
</style>

<div class="my-div">....</div>

.我的部门::以前{
内容:'点击我';
显示:块;
边框:1px纯黑;
}
....
现在我需要的是,当有人单击click me函数时,我必须使用javascript重定向到另一个页面。我该怎么做


或者我必须使用javascript在my div中创建一个新按钮

您可以尝试以下方法:

将指针事件添加到
.my div
元素中,使主元素具有
指针事件:无
,而伪元素
::before
具有
指针事件:全部

然后向
.my div
元素添加一个单击侦听器

代码如下

document.getElementsByClassName('my-div')[0].addEventListener('click',()=>console.log('click')

.我的部门{
指针事件:无;
}
.我的部门::以前{
内容:'点击我';
显示:块;
边框:1px纯黑;
指针事件:全部;
}

这是否回答了您的问题?您好,请您使用javascript在my div中创建一个新按钮。请查看我的更新问题,因此,您不希望
::在
元素成为按钮之前,您想使用Javascript添加按钮吗?是的,请。我想创建一个额外的按钮或div