속성 조작 주의사항 02 (2)

3807 단어 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>

좋은 웹페이지 즐겨찾기