2

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

}
4

4 に答える 4

2

HTML5 の data 属性を使用して、カスタム データを 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>
于 2013-01-24T13:11:33.287 に答える
1

data-属性は次のように使用できます。

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

注: HTML5 データ属性は、IE 9 以降、Chrome 12 以降、Firefox 5 以降などの最新のブラウザーでのみサポートされています。

style属性にエラーがあることに注意してください。交換：

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

と：

style='width: 50px; left: 100px'
于 2013-01-24T13:11:31.050 に答える
1

HTML5 はdata-*タグ属性をサポートしているため、以下を使用できます。

<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'
于 2013-01-24T13:11:50.067 に答える
1

視聴者が HTML5 をサポートしていない場合は、次のように div を埋め込むことができます。

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

これにより、値がビューから隠されますが、ビュー Javascript にアクセスできるようになります。

于 2013-01-24T13:14:02.900 に答える