GVKun编程网logo

Html + JS : 点击对应的按钮,进行选择是隐藏还是显示(用户回复功能)

15

在本文中,我们将详细介绍Html+JS:点击对应的按钮,进行选择是隐藏还是显示的各个方面,并为您提供关于用户回复功能的相关解答,同时,我们也将为您带来关于15点击按钮,设置div显示和隐藏div、17

在本文中,我们将详细介绍Html + JS : 点击对应的按钮,进行选择是隐藏还是显示的各个方面,并为您提供关于用户回复功能的相关解答,同时,我们也将为您带来关于15点击按钮,设置div显示和隐藏div、17点击一个按钮,设置div显示和隐藏、android – Espresso – 点击对话框的按钮、a标签链接点击后不见了,但放上去hover还是显示的_html/css_WEB-ITnose的有用知识。

本文目录一览:

Html + JS : 点击对应的按钮,进行选择是隐藏还是显示(用户回复功能)

Html + JS : 点击对应的按钮,进行选择是隐藏还是显示(用户回复功能)

  例如:

  当我点击按钮1时,点击第一下进行显示This is comment 01,点击第二下隐藏This is comment 01

  当我点击按钮2时,点击第一下进行显示This is comment 02,点击第二下隐藏This is comment 02

  当我点击按钮3时,点击第一下进行显示This is comment 03,点击第二下隐藏This is comment 03

  注意:不同的按钮点击也会显示不同的数据

  使用场景:根据不同的留言信息,点击“回复”按钮,弹出对应的回复框

 

  实例:

  

    代码:

  

<a href="javascript:" onclick="show(0)">01</a>
<p class="content3" style="display: none"> This is comment 01</p>

<a href="javascript:" onclick="show(1)">02</a>
<p class="content3" style="display: none"> This is comment 02</p>

<a href="javascript:" onclick="show(2)">03</a>
<p class="content3" style="display: none"> This is comment 03</p>

<script>
function show(num){
    var content = document.getElementsByClassName(''content3''); // getElementsByClassName得到的是数组形式
    content = content[num]; // 得到数组的其中一成员,返回一个对象(p标签元素)
    
    // 如果对象中的diplay状态为none
    if (content.style.display=="none") {

        // 将该对象的diplay属性修改为block进行显示
        content.style.display="block";
    } else{

        // 否则修改为none进行隐藏
        content.style.display="none";
    }
   
    //console.log(content);
    
 
}
</script>

 

     效果:

    (1)没有操作之前

  

 

    (2)只点击“按钮1”之后

 

    (2)只点击“按钮2”之后

 

    (3)点击“按钮1”和“按钮2”之后

  

 

    (4)点击“按钮1”两次,点击“按钮2”一次后

 

 

    疑问:按钮和内容是怎么关联起来的?

    回答:

    a标签 有 onclick 属性

    里面有 show(0) 这个javascript代码

    show(0) 就是运行 show() 这个 函数, 然後传入 0 为参数

     到目前为止,<a> 和<p> 是没有关联的

     <a> 只知道要在被点击时运行一个javascript函数

     和<p>的关联,全部在函数里面定义

    例如13行就是 用classname获取所有相关的 <p>,然後14行,在多个<p>中选出了一个,即content = content[num]这一句,所以它们关联了

 

   以上就是我的总结啦,为那位给我解答的朋友致敬致谢!

  END

 

15点击按钮,设置div显示和隐藏div

15点击按钮,设置div显示和隐藏div

<input type="button" value="设置div隐藏" id="btn18" />
        <input type="button" value="设置div显示" id="btn19" />
        <div id="dv"></div>
        <script type="text/javascript">
            //凡是css中这个属性是对个单词的写法,在jsDOM操作的时候,把-去掉,
            //后面单词的首字母大写即可.比如:background-color 写成 backgroundColor
            function my$(id) {
                return document.getElementById(id);
            }
            my$("btn18").onclick=function(){
                my$("dv").style.display="none";
            };
            my$("btn19").onclick=function(){
                my$("dv").style.display="block";
            };
        </script>

 

17点击一个按钮,设置div显示和隐藏

17点击一个按钮,设置div显示和隐藏

<input type="button" value="隐藏" id="btn20" />
        <div id="dv"></div>
        <script type="text/javascript">
            //凡是css中这个属性是对个单词的写法,在jsDOM操作的时候,把-去掉,
            //后面单词的首字母大写即可.比如:background-color 写成 backgroundColor
            function my$(id) {
                return document.getElementById(id);
            }
            my$("btn20").onclick=function(){
                if(this.value=="隐藏"){
                    my$("dv").style.display="none";
                    this.value="显示";
                }else if(this.value=="显示"){
                    my$("dv").style.display="block";
                    this.value="隐藏";
                }
            };
            
        </script> 

 

android – Espresso – 点击对话框的按钮

android – Espresso – 点击对话框的按钮

我想测试 Android 6的权限,但我找不到使用Espresso点击“允许”按钮的方法.有没有办法做到这一点?

Espresso的版本是2.2.1.

考试:

@Test
    public void acceptFirstPermission() throws Exception {
        onView(withText("ALLOW")).perform(click());
    }

行为:

I still receiving the frozen screen with the Dialog (like on the screenshot). Test executing all time until he becomes finished.

输出:

Running tests
Test running started
android.support.test.espresso.NoActivityResumedException: No activities in stage RESUMED. Did you forget to launch the activity. (test.getActivity() or similar)?
at dalvik.system.VMStack.getThreadStackTrace(Native Method)
at java.lang.Thread.getStackTrace(Thread.java:580)
at android.support.test.espresso.base.DefaultFailureHandler.getUserFriendlyError(DefaultFailureHandler.java:82)
at android.support.test.espresso.base.DefaultFailureHandler.handle(DefaultFailureHandler.java:53)
at android.support.test.espresso.ViewInteraction.runSynchronouslyOnUiThread(ViewInteraction.java:184)
at android.support.test.espresso.ViewInteraction.doPerform(ViewInteraction.java:115)
at android.support.test.espresso.ViewInteraction.perform(ViewInteraction.java:87)
at com.walletsaver.app.test.espresso.MarshmallowPermissionsTest.acceptFirstPermission(MarshmallowPermissionsTest.java:31)
at java.lang.reflect.Method.invoke(Native Method)
at org.junit.runners.model.FrameworkMethod$1.runReflectiveCall(FrameworkMethod.java:50)
at org.junit.internal.runners.model.ReflectiveCallable.run(ReflectiveCallable.java:12)
at org.junit.runners.model.FrameworkMethod.invokeExplosively(FrameworkMethod.java:47)
at org.junit.internal.runners.statements.InvokeMethod.evaluate(InvokeMethod.java:17)
at android.support.test.internal.statement.UiThreadStatement.evaluate(UiThreadStatement.java:55)
at android.support.test.rule.ActivityTestRule$ActivityStatement.evaluate(ActivityTestRule.java:257)
at org.junit.rules.RunRules.evaluate(RunRules.java:20)
at org.junit.runners.ParentRunner.runLeaf(ParentRunner.java:325)
at org.junit.runners.BlockJUnit4ClassRunner.runchild(BlockJUnit4ClassRunner.java:78)
at org.junit.runners.BlockJUnit4ClassRunner.runchild(BlockJUnit4ClassRunner.java:57)
at org.junit.runners.ParentRunner$3.run(ParentRunner.java:290)
at org.junit.runners.ParentRunner$1.schedule(ParentRunner.java:71)
at org.junit.runners.ParentRunner.runchildren(ParentRunner.java:288)
at org.junit.runners.ParentRunner.access$000(ParentRunner.java:58)
at org.junit.runners.ParentRunner$2.evaluate(ParentRunner.java:268)
at org.junit.runners.ParentRunner.run(ParentRunner.java:363)
at org.junit.runners.Suite.runchild(Suite.java:128)
at org.junit.runners.Suite.runchild(Suite.java:27)
at org.junit.runners.ParentRunner$3.run(ParentRunner.java:290)
at org.junit.runners.ParentRunner$1.schedule(ParentRunner.java:71)
at org.junit.runners.ParentRunner.runchildren(ParentRunner.java:288)
at org.junit.runners.ParentRunner.access$000(ParentRunner.java:58)
at org.junit.runners.ParentRunner$2.evaluate(ParentRunner.java:268)
at org.junit.runners.ParentRunner.run(ParentRunner.java:363)
at org.junit.runner.JUnitCore.run(JUnitCore.java:137)
at org.junit.runner.JUnitCore.run(JUnitCore.java:115)
at android.support.test.internal.runner.TestExecutor.execute(TestExecutor.java:54)
at android.support.test.runner.AndroidJUnitRunner.onStart(AndroidJUnitRunner.java:240)
at android.app.Instrumentation$InstrumentationThread.run(Instrumentation.java:1879)

Finish

解决方法

我看到你正试图测试应用程序权限.我认为用Espresso测试它可能是不可能的.您可能需要将此操作作为另一个名为uiatomator的UI测试工具.

uiatomator是Google制作的另一款出色工具,可让您测试Android系统功能,如通知和屏幕锁定.您可以将它与Espresso测试框架一起使用.

要查找更多信息,请阅读以下文章:

http://qathread.blogspot.com/2015/05/espresso-uiautomator-perfect-tandem.html

和uiautomator文档,你会发现here.

a标签链接点击后不见了,但放上去hover还是显示的_html/css_WEB-ITnose

a标签链接点击后不见了,但放上去hover还是显示的_html/css_WEB-ITnose

     


本来导航栏的a链接是黑色字,鼠标放上去也有hover的样式,但点击之后,文字就duang的不见了。。。但鼠标移到文字区域还是会有hover的效果。。。求大神们指点!


回复讨论(解决方案)

你可以用开发者工具,具体到元素上看一下,是什么样式让文字 duang 的不见了

仅凭你的描述,很难判断

样式冲突了~~现在解决了

我们今天的关于Html + JS : 点击对应的按钮,进行选择是隐藏还是显示用户回复功能的分享已经告一段落,感谢您的关注,如果您想了解更多关于15点击按钮,设置div显示和隐藏div、17点击一个按钮,设置div显示和隐藏、android – Espresso – 点击对话框的按钮、a标签链接点击后不见了,但放上去hover还是显示的_html/css_WEB-ITnose的相关信息,请在本站查询。

本文标签: