JavaScript标签的Value属性

最新推荐文章于 2024-04-05 18:17:23 发布

Submerge~

最新推荐文章于 2024-04-05 18:17:23 发布

阅读量952

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/MixedSignals/article/details/105188023

版权

<body>
    <input type="file" value="12345"><br>
    <button name="btn1">点击文件</button>
    <textarea value="12345">请您在此留言</textarea><br>
    <button name="btn2">点击留言</button>
<script>
        var oBtn1 = document.querySelector('[name="btn1"]');
        oBtn1.onclick = function(){
            var oFile = document.querySelector('[type="file"]');
            // 设定在标签内部的value属性是不起作用的,未上传文件时获取的结果是 空字符串
            // 通过点击选择上传内容之后,可以通过value属性,正确获取数据参数 
            console.log(oFile.value);
        }

        var oBtn2 = document.querySelector('[name="btn2"]');
        oBtn2.onclick = function(){
            var oText = document.querySelector('textarea');
            // 设定在标签内部的value属性是不起作用的,未输入内容时获取的结果是 空字符串
            // 设定标签内容,或者写入内容之后,可以通过value属性获取标签数据 
            console.log(oText.value);
        }
</script>