代码之家 › 专栏 › 技术社区 › iamabhaykmr

通过编程方式单击DIV根来打开内部使用Java脚本打开的内容。

dom html jquery javascript

iamabhaykmr · 技术社区 · 7 年前

我正在尝试通过编程单击下面的DIV类(wp_y),以打开屏幕的一部分,该部分在内部使用javascript显示某些内容。

<div class=“2wp_y”style=“z-index:3;height:72px;transform:translatey(72px);”>
<Div TabIndex=“-1”>
<DIV class=“expl cxuie_1f1zm”>
…
…
</DIV>
</DIV>
</DIV>
我尝试了各种方法来单击htmldivelement对象。在网站上按单击方式打印控制台日志,但在屏幕上不会自动单击。


我试过的代码

var htmldivelement=document.getElementsByClassName(''u 2wp_y')
htmldivElement.onclick=function()。{
console.log(“点击”);

}

var clickEvent=new mouseEvent(“单击”,{
“View”:窗口,
“气泡”:对,
“可取消”:错误
(});

htmldivElement.DispatchEvent(单击事件);
它打印点击控制台。
我还尝试了htmldivElement.click();
它还可以在控制台上打印单击的内容,但在浏览器上不会发生单击。


有多个DIV具有相同的类名(wp_y),我在Ubuntu中使用chrome进行测试。


基本上,我正在尝试单击下面图像左侧的DIV,以打开该部分中间的groups messages内容。


.

<div class="_2wP_Y" style="z-index: 3; height: 72px; transform: translateY(72px);">
<div tabindex="-1">
    <div class="_2EXPL CxUIE _1f1zm">
      ....
      ....
    </div>
</div>
</div>


我尝试了各种方法来单击htmldivelement对象。控制台日志按点击方式在网站上打印,但在屏幕上不会自动点击。

我试过的代码

     var HTMLDivElement =   document.getElementsByClassName('_2wP_Y')
     HTMLDivElement.onclick = function() {
            console.log("Clicked " );

        }

    var clickEvent = new MouseEvent("click", {
        "view": window,
        "bubbles": true,
        "cancelable": false
    });

       HTMLDivElement.dispatchEvent(clickEvent);


它打印点击控制台。
我也试过了HTMLDivElement.click();
它还可以在控制台上打印单击,但在浏览器上不会发生单击。

有多个DIV具有相同的类名(wp_y),我在Ubuntu中使用chrome进行测试。

基本上,我尝试单击下面图片左侧的DIV,打开该部分中间的组消息内容。

3 回复 | 直到 7 年前

Learner 7 年前

var HTMLDivElement =   document.getElementsByClassName('_2wP_Y')

    HTMLDivElement[0].addEventListener("onclick", function(){
        console.log("clicked")
        HTMLDivElement[0].style.backgroundColor = "red";

    })

    HTMLDivElement[0].dispatchEvent(new Event("onclick"));

<div class="_2wP_Y" style="z-index: 3; height: 72px; transform: translateY(72px);">
<div tabindex="-1">
    <div class="_2EXPL CxUIE _1f1zm">
      ....
      ....
    </div>
</div>

Matthias S 7 年前

getElementsByClassName getElementById HTMLDivElement[0]

window.onload = function() {};

window.onload = function() {
    var HTMLDivElement = document.getElementsByClassName('_2wP_Y');
    HTMLDivElement[0].onclick = function() {
        console.log("Clicked");
    }
}

Jakub 7 年前

//handling click event
$("._2wP_Y").click(function() {
  alert("I was clicked");
})


//click itself
$("._2wP_Y").click();

<div class="_2wP_Y">i was clicked</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>