Javascript 多个ID的getElementByID

函数show（）{
if（document.getElementById（'intraction'）.style.display='none'）{
document.getElementById（'intraction'）.style.display='block'；
} 
虚假的；
} 
函数hide（）{
if（document.getElementById（'intraction'）.style.display=='block'）{
document.getElementById（'intraction'）.style.display='none'；
} 
虚假的；
}

正文
文本
点击这里

执行以下操作：

<div onclick='show(this)'>click me</div>

<script>    
    function show(element) { 
        if(element.style.display=='none') { 
            element.style.display='block'; 
        } 
        return false;
    } 
</script>

function show(id) { 
        if(document.getElementById(id).style.display=='none') { 
            document.getElementById(id).style.display='block'; 
        } 
        false;
    } 

点击我
函数显示（元素）{
如果（element.style.display='none'）{
element.style.display='block'；
} 
返回false；
} 

执行以下操作：

<div onclick='show(this)'>click me</div>

<script>    
    function show(element) { 
        if(element.style.display=='none') { 
            element.style.display='block'; 
        } 
        return false;
    } 
</script>

function show(id) { 
        if(document.getElementById(id).style.display=='none') { 
            document.getElementById(id).style.display='block'; 
        } 
        false;
    } 

点击我
函数显示（元素）{
如果（element.style.display='none'）{
element.style.display='block'；
} 
返回false；
} 

执行以下操作：

<div onclick='show(this)'>click me</div>

<script>    
    function show(element) { 
        if(element.style.display=='none') { 
            element.style.display='block'; 
        } 
        return false;
    } 
</script>

function show(id) { 
        if(document.getElementById(id).style.display=='none') { 
            document.getElementById(id).style.display='block'; 
        } 
        false;
    } 

点击我
函数显示（元素）{
如果（element.style.display='none'）{
element.style.display='block'；
} 
返回false；
} 

执行以下操作：

<div onclick='show(this)'>click me</div>

<script>    
    function show(element) { 
        if(element.style.display=='none') { 
            element.style.display='block'; 
        } 
        return false;
    } 
</script>

function show(id) { 
        if(document.getElementById(id).style.display=='none') { 
            document.getElementById(id).style.display='block'; 
        } 
        false;
    } 

点击我
函数显示（元素）{
如果（element.style.display='none'）{
element.style.display='block'；
} 
返回false；
} 

不要那样做。单击事件将包含指向发生单击的DOM对象的指针：

$（“正文”）。单击（函数（事件）{
$（“#log”）.html（“单击：+event.target.nodeName”）；
});

---

这意味着完全不需要为它们中的每一个分配一个ID，这样您就可以将其作为单击处理程序的目标。

不要这样做。单击事件将包含指向发生单击的DOM对象的指针：

$（“正文”）。单击（函数（事件）{
$（“#log”）.html（“单击：+event.target.nodeName”）；
});

---

这意味着完全不需要为它们中的每一个分配一个ID，这样您就可以将其作为单击处理程序的目标。

不要这样做。单击事件将包含指向发生单击的DOM对象的指针：

$（“正文”）。单击（函数（事件）{
$（“#log”）.html（“单击：+event.target.nodeName”）；
});

---

这意味着完全不需要为它们中的每一个分配一个ID，这样您就可以将其作为单击处理程序的目标。

不要这样做。单击事件将包含指向发生单击的DOM对象的指针：

$（“正文”）。单击（函数（事件）{
$（“#log”）.html（“单击：+event.target.nodeName”）；
});

---

这意味着完全不需要为它们中的每一个分配一个ID，这样您就可以将其作为单击处理程序的目标。

您可以使用jquery的类选择器

---

可以向具有相同类的元素添加操作。触发该操作后，您可以使用关键字

this

获取元素的id。您可以使用jquery的类选择器

---

可以向具有相同类的元素添加操作。触发该操作后，您可以使用关键字

this

获取元素的id。您可以使用jquery的类选择器

---

可以向具有相同类的元素添加操作。触发该操作后，您可以使用关键字

this

获取元素的id。您可以使用jquery的类选择器

---

可以向具有相同类的元素添加操作。一旦触发该操作，您可以使用关键字

this

获取元素的id。如果您知道按钮/链接/控件的id，您可以将其传递到函数中，如下所示：

<div onclick='show(this)'>click me</div>

<script>    
    function show(element) { 
        if(element.style.display=='none') { 
            element.style.display='block'; 
        } 
        return false;
    } 
</script>

function show(id) { 
        if(document.getElementById(id).style.display=='none') { 
            document.getElementById(id).style.display='block'; 
        } 
        false;
    } 

如果无法将id显式传递到每个按钮的函数中，则可以使用如下方式动态检索它：

---

如果您知道按钮/链接/控件的ID，可以将其传递到函数中，如下所示：

<div onclick='show(this)'>click me</div>

<script>    
    function show(element) { 
        if(element.style.display=='none') { 
            element.style.display='block'; 
        } 
        return false;
    } 
</script>

function show(id) { 
        if(document.getElementById(id).style.display=='none') { 
            document.getElementById(id).style.display='block'; 
        } 
        false;
    } 

如果无法将id显式传递到每个按钮的函数中，则可以使用如下方式动态检索它：

---

如果您知道按钮/链接/控件的ID，可以将其传递到函数中，如下所示：

<div onclick='show(this)'>click me</div>

<script>    
    function show(element) { 
        if(element.style.display=='none') { 
            element.style.display='block'; 
        } 
        return false;
    } 
</script>

function show(id) { 
        if(document.getElementById(id).style.display=='none') { 
            document.getElementById(id).style.display='block'; 
        } 
        false;
    } 

如果无法将id显式传递到每个按钮的函数中，则可以使用如下方式动态检索它：

---

如果您知道按钮/链接/控件的ID，可以将其传递到函数中，如下所示：

<div onclick='show(this)'>click me</div>

<script>    
    function show(element) { 
        if(element.style.display=='none') { 
            element.style.display='block'; 
        } 
        return false;
    } 
</script>

function show(id) { 
        if(document.getElementById(id).style.display=='none') { 
            document.getElementById(id).style.display='block'; 
        } 
        false;
    } 

如果无法将id显式传递到每个按钮的函数中，则可以使用如下方式动态检索它：

JavaScript:

function DivShow(elm)
{
   if(elm.style.display=="block") {elm.style.display="none"};
} 

<div id="Div1" onclick="DivShow(this);" > Some stuff here </div>
<div id="Div2" onclick="DivShow(this);" > Some  Other stuff here </div>

函数DivShow（elm）
{
if（elm.style.display==“block”）{elm.style.display=“none”}；
} 
这里有些东西
这里还有别的东西

如果已加载JQuery。。。 Jquery：

函数DivShow（elm）
{
if（$（elm.css（“display”）==“block”）{$（elm.css（“display”，“none”）}；
} 
这里有些东西
这里还有别的东西

JavaScript:

function DivShow(elm)
{
   if(elm.style.display=="block") {elm.style.display="none"};
} 

<div id="Div1" onclick="DivShow(this);" > Some stuff here </div>
<div id="Div2" onclick="DivShow(this);" > Some  Other stuff here </div>

函数DivShow（elm）
{
if（elm.style.display==“block”）{elm.style.display=“none”}；
} 
这里有些东西
这里还有别的东西

如果已加载JQuery。。。 Jquery：

函数DivShow（elm）
{
if（$（elm.css（“display”）==“block”）{$（elm.css（“display”，“none”）}；
} 
这里有些东西
这里还有别的东西

JavaScript:

function DivShow(elm)
{
   if(elm.style.display=="block") {elm.style.display="none"};
} 

<div id="Div1" onclick="DivShow(this);" > Some stuff here </div>
<div id="Div2" onclick="DivShow(this);" > Some  Other stuff here </div>

函数DivShow（elm）
{
if（elm.style.display==“block”）{elm.style.display=“none”}；
} 
这里有些东西
这里还有别的东西

如果已加载JQuery。。。 Jquery：

函数DivShow（elm）
{
if（$（elm.css（“display”）==“block”）{$（elm.css（“display”，“none”）}；
} 
这里有些东西
这里还有别的东西

JavaScript:

function DivShow(elm)
{
   if(elm.style.display=="block") {elm.style.display="none"};
} 

<div id="Div1" onclick="DivShow(this);" > Some stuff here </div>
<div id="Div2" onclick="DivShow(this);" > Some  Other stuff here </div>

函数DivShow（elm）
{
if（elm.style.display==“block”）{elm.style.display=“none”}；
} 
这里有些东西
这里还有别的东西

如果已加载JQuery。。。 Jquery：

---

• [html]相关文章推荐

• Html 使用正则表达式删除相对路径斜杠 htmlruby-on-railsrubyregex
• Html 使用float重叠两个div html
• Html 是否可以使用cache.manifest为脱机配置Sinatra.erb模板？ html
• Html 为什么chrome不对齐此文本？ htmlcssfirefoxgoogle-chrome
• Html 使用XSLT在XML中重复标记块 htmlxmlxslt
• Html IE8不在伪元素之前：中打印图像 htmlcss
• Html 与文档流配套的固定大小div/span htmlcss
• Html css中div的替代行颜色 htmlcss
• Html 如何在jquery mobile中删除按钮的默认边框？ htmlcssjquery-mobile
• Html 将鼠标悬停在div上时显示文本装饰 htmlcss
• Html 在不同的文档模式下强制IE9和IE10 htmlinternet-explorer
• Html 绝对中心登录表单隐藏引导3 htmlcsslogintwitter-bootstrap-3
• thymeleafhtml错误 html
• Html Mailchimp应用表'；s边框在整个模板设计中的应用 htmlcss
• Html iframe在仅限iOS的设备上没有响应 htmlioscssiframebootstrap-4
• Html 固定侧边栏与响应垂直文本 htmlcss
• Html 如何在css中垂直居中这些表格行的内容？ 。顶行{ 最小高度：50vh； 最小宽度：100vw； 填充：0px； } 顶柱{ 背景:#中交;； 对齐内容：居中对齐； 最小高度：50vh； 最小宽度：100vw； } .底柱{ 背景:#中交;； 对齐内容：居中对齐； 最小高度：50vh； 最小宽度：100vw； } .底层{ 最小高度：50vh； 最小宽度：100vw； 填充：0px； } 你好 世界 htmlcss
• HTML：将表格右对齐放置在其他表格单元格中 htmlcss
• Html CSS缩放图像始终在顶部 htmlcsstwitter-bootstrap
• Html 如何内联放置标题和段落标记 htmlcssbootstrap-4

---

• 随机文章推荐

• Open source 开源专家系统 open-source
• Open source 寻找小型语言（即DSL）的（c）lisp示例 open-sourcelispcommon-lisp
• Open source 稍后将许可证从GPL切换到BSD open-source
• Open source 开源项目的黑暗面 open-source
• Open source 正确应用开源许可证 open-source
• Open source 设置和管理开放源码项目的最佳实践 open-sourceproject-managementinstallation
• Open source 开源GIS工具 open-sourcegis
• Open source 我可以发布代码以在开源许可下阅读专有格式吗？ open-source
• Open source 构建ApacheSling、Felix和Jackrabbit项目的目的是什么 open-source
• Open source 将Postscript转换为Zebra open-source