php - 将 php/mysql 值传递给 div，可从 javascript 访问

Question

我正在创建一个 <div>用 php 表示 sql 中的表行。美好的。然后我使用 javascript 函数来测试 div 的值(位置、宽度等)。很好。但是我需要将另一个值传递给 div 以供函数检查。它在数据库中，但我不知道是否有一种(简单的)方法可以做到这一点。理想情况下，它看起来像这样。

<div id='plumber5' class='plumber' style='width:50px;left:100px' value='numericValue'>Derek</div>

内联样式是在php中生成的，除了js可以检测到的样式(宽度，高度等)之外，想不出一种传递数值的方法。

例如。

<script>
a=document.getElementById('plumber5');
if (a.style.width=>75){
execute something here}
</script>

而不是使用样式作为测试源

太麻烦了!谢谢

编辑 - 解决方案

function checkData($type){  
    a = document.getElementsByClassName($type);
    for(i = 0; i < a.length; i++)
    {
    if (a[i].getAttribute('data-dob') >= sessionStorage.Value) {
    // execute something here
    }
    }

}

Answer 1

您可以使用 HTML5 的数据属性将一些自定义数据添加到您的 HTML 标签中:

http://ejohn.org/blog/html-5-data-attributes/

例子:

<div data-value='10' id='plumber5' class='plumber' style='width: 50px; left: 100px;'>
    Derek
</div>

你可以这样获取值:

<script>
    a = document.getElementById('plumber5');
    if (a.getAttribute('data-value') => 75) {
        // execute something here
    }
</script>