属性操作注意事項02(2)

3775 ワード
JS
属性名属性値がDIVの状態を変更します.
後ろの値は[]の後の値を勝手に変更できます.

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Documenttitle>
    <style>
        #div1{width: 300px;height: 200px;border:1px solid red;}
    style>
head>
<body>
           :<input id="attr" type="text"><br>
          :<input id="val" type="text">
    <input id="btn1" type="button"value="  ">
    <div id="div1">div>
    <script>
        var oAttr=document.getElementById('attr');
        var oVal=document.getElementById('val');
        var oBtn=document.getElementById('btn1');
        var oDiv=document.getElementById('div1');
        //.        []          .
        oBtn.οnclick=function(){
            oDiv.style[oAttr.value]=oVal.value;
        }
    script>
body>
html>
js共通配列API