首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >JS -使用onclick以编程方式发送元素

JS -使用onclick以编程方式发送元素
EN

Stack Overflow用户
提问于 2018-05-30 07:45:18
回答 4查看 29关注 0票数 0
代码语言:javascript
复制
<button id="button1">Button</button>    
document.getElementById("button1").onclick=function(){ ???.style.display="none" };

正如您在上面看到的,我如何更改样式以使用onclick隐藏它?

(不,我不想做<button onclick="x">)

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2018-05-30 07:49:01

看看这个

代码语言:javascript
复制
document.getElementById("button1").onclick=function(e){ e.target.style.display="none" };
代码语言:javascript
复制
<button id="button1">Button</button>    

票数 1
EN

Stack Overflow用户

发布于 2018-05-30 07:50:02

使用srcElementtarget。(target是标准的,srcElement是别名。)

代码语言:javascript
复制
document.getElementById("button1").addEventListener( "click", e => {
  e.srcElement.style.display = "none";
} );
代码语言:javascript
复制
<button id="button1">Button</button>

票数 1
EN

Stack Overflow用户

发布于 2018-05-30 07:48:37

代码语言:javascript
复制
document.addEventListener("click", function(){
   document.getElementById("button1").style.display = "none";
});
代码语言:javascript
复制
<button id="button1">Button</button>

您可以使用addEventListener并在单击时更改样式。

代码语言:javascript
复制
document.addEventListener("click", function(){
   document.getElementById("button1").style.display = "none";
});

<button id="button1">Button</button>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50594473

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档