Javascript DOM(2) - 爱码网

一、value属性操作

　　1、具有value属性的三个标签：input、select、textarea

　　2、value的获取：ele.value

        input=document.getElementById('input')
        console.log(input.value);

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>value属性操作</title>
    <!-- input slect textarea -->
</head>
<body>
    姓名：
    <input type="text" name="user" id='input'><hr>
    省份：
    <select id='select'>
        <optgroup>
            <option value="1">江西省</option>
            <option value="2">湖南省</option>
            <option value="3">辽宁省</option>
        </optgroup>
    </select><hr>
    简介
    <textarea id='textarea' cols='30px' rows="10px">
        
    </textarea>
    <script type="text/javascript">
        input=document.getElementById('input')
        select=document.getElementById('select');
        textarea=document.getElementById('textarea');
        input.onclick=function(){
            console.log(input.value);

        }
        select.onclick=function(){
            console.log(select.value);
        }
        textarea.onclick=function(){
            console.log(textarea.value);
        }

    </script>

</body>
</html>

value属性演示