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

我正在用php创建一个用sql表示表行的

。好的 然后我使用javascript函数测试div的值（位置、宽度等）。 但我需要将另一个值传递给div，以供函数检查。它在数据库中，但我不知道是否有一个（简单的）方法来做到这一点。理想情况下，它看起来像这样

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

德里克 内联样式是在php中生成的，除了js可以检测到的样式（宽度、高度等）之外，想不出传递数值的方法

例如

a=document.getElementById（'plumber5'）；
如果（a.style.width=>75）{
在这里执行某些操作}

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

太麻烦了！ 谢谢

编辑-解决方案

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
    }
    }

}

函数checkData（$type）{
a=document.getElementsByClassName（$type）；
对于（i=0；i=sessionStorage.Value）{
//在这里执行某些操作
}
}
}

您可以通过以下方式使用

数据-

属性：

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

与：

---

您可以使用HTML5的数据属性向HTML标记添加一些自定义数据：

例如：

<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>

a=document.getElementById（'plumber5'）；
如果（a.getAttribute（'data-value'）=>75）{
//在这里执行某些操作
}

HTML5支持

数据-*

标记属性，因此您可以使用：

<div id='plumber5' class='plumber' data-value='numericValue' data-myothervalue='otherOne'>
    Derek
</div>

---

如果您的受众不支持HTML5，您可以嵌入一个div，如：

<div id="plumber5" class="plumber" style="width:50px;left:100px">
    Derek
    <div style="display: none">numericValue</div>
</div>

德里克
数值

---

这将从视图中隐藏该值，但允许您在查看Javascript时访问该值。

如果您在此处遇到错误，则不使用AJAX，顺便说一句：

style='width='50px；left=100px'

（一个额外的单引号）提到了data-*属性的浏览器兼容性。您好，这很好，但是Javascript可以像上面的示例一样测试该值吗？添加了一个如何执行此操作的示例。我使用GetElementsByCassName测试具有类名的每个元素，但它似乎不起作用-我得到了错误uncaughttypeerror:Object#没有“getAttribute”方法，代码粘贴在上面修复了！（对象节点缺少[i]。谢谢，Shomz。这是一个启示！我正在使用html5。这可以通过javascript简单地测试吗？绝对可以！

var div=document.getElementById（'plumber5'）；var myVal=div.getAttribute（'data-value'）；var myVal2=div.getAttribute（'data-myothervalue'）；

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

<div id='plumber5' class='plumber' data-value='numericValue' data-myothervalue='otherOne'>
    Derek
</div>

var myDiv = document.getElementById('plumber5'); 
var myVal = myDiv.getAttribute('data-value');         // 'numericValue'
var myVal2 = myDiv.getAttribute('data-myothervalue'); // 'otherOne'

<div id="plumber5" class="plumber" style="width:50px;left:100px">
    Derek
    <div style="display: none">numericValue</div>
</div>