为什么html 5属性不尊重false值?

时间:2017-09-05 19:46:14

标签: html5 reactjs

在Mozilla的description中,它指出元素上的“hidden”属性是一个布尔全局属性。当我使用类似的东西时:

<div hidden="false">Test</div> 

该元素仍然隐藏。似乎该属性的存在与价值无关,隐藏了内容。我认为这将与disabled属性相同。

我问的是这个问题,因为我使用的是BootStrap 4 Beta和ReactJs,我希望使用该属性有条件地显示或隐藏元素,而不必使用jQuery。

1 个答案:

答案 0 :(得分:2)

当您设置一个值时,您实际上将其标记为true(无法找到它的引用但我在某处读到它)。
通过反应,您当然还有其他选择:

  1. 例如,使用css类和display:none
  2. 有条件地渲染元素,它不会被隐藏但不会被删除。
  3. 修改
    找到了reference:)

      

    HTML5中的许多属性都是布尔属性。存在   元素上的布尔属性表示真值,和   缺少属性表示错误值。

    许多属性......