Html 使用“隐藏文本”;0“;价值

Html 使用“隐藏文本”;0“;价值,html,css,Html,Css,有没有办法根据显示的值“0”隐藏HTML字段 我有一个ecomm站点,它用数值显示可用数量。 我只想显示高于“0”的数字 这些值是通过数据库上传到站点来填充的。 “0”值不是输入字段。所以我看到的大多数代码都有一些输入条件代码的解决方案 <span id="availability" class="product_availability availability-item"><p style="color: crimson;

有没有办法根据显示的值“0”隐藏HTML字段 我有一个ecomm站点,它用数值显示可用数量。 我只想显示高于“0”的数字 这些值是通过数据库上传到站点来填充的。 “0”值不是输入字段。所以我看到的大多数代码都有一些输入条件代码的解决方案

<span id="availability" class="product_availability availability-item"><p style="color: crimson; display: contents">Call for Availability. </p></span>
<span style="display: inline;" id="product_inventory">0</span>

要求提供

0
我的网站显示:呼叫可用性。0 如果项目数量大于“0”,则显示:现有数量:1708 我需要删除“0”并仅显示可用性呼叫

我在这个论坛上研究了类似的请求,发现所有的请求都使用了一个输入字段。问题是“0”不是一个输入。代码生成的存货金额

我已经尝试了CSS来隐藏这个值,但是它隐藏了所有的值,包括“0”以上的值

我可以插入任何形式的代码需要。Java、PHP、json等


如果您使用输入标记,您需要在javascipt上创建一个函数,下面是html行:

<input id="num" type=number value="0" onchange="valChange(this);"/>

function valChange(obj){
      if(obj.value=="0"){
        obj.style.color="#fff"
      } else{
        obj.style.color="#000"
      }
    }

功能变更(obj){
如果(目标值=“0”){
obj.style.color=“#fff”
}否则{
obj.style.color=“#000”
}
}

HTML本身无法隐藏除使用或style=“display:none;”属性之外的任何内容。您需要指定您试图用什么编程语言来解决这个问题。可能是原始javascript,可能是typescript,可能是PHP?字符串中的数字
可用数量:12
有自己的类或div吗?我有一个开源页面来添加脚本或代码片段。到目前为止,您尝试了什么?使用js,您可以使用innerHTML更改节点值此处是显示消息的部分。[产品标题-可用性][可用性][库存]