美文网首页
JS示例21-如何进行元素属性操作(3种方式)

JS示例21-如何进行元素属性操作(3种方式)

作者: 微小码 | 来源:发表于2019-04-02 17:06 被阅读0次

    一、知识要点

    1、oTxt.value
    2、oTxt['value']
    3、oTxt.setAttribute('value','Dom方式')

    二、源码参考

    <!DOCTYPE >
    <html>
    
        <head>
            <title></title>
            <meta charset="utf-8">
            <script>
                window.onload = function() {
                    // 改变文本框的值
                    var oTxt = document.getElementById('txt1');
                    oTxt.value = 'HHHHH'; // 方式一
                    oTxt['value'] = 'Hdfdfdf'; // 方式二
                    oTxt.setAttribute('value','Dom方式'); // 方式三
    
                }
            </script>
        </head>
    
        <body>
            <div id="div1">
                <input type="text" id="txt1" />
            </div>
        </body>
    
    </html>
    

    相关文章

      网友评论

          本文标题:JS示例21-如何进行元素属性操作(3种方式)

          本文链接:https://www.haomeiwen.com/subject/qiegbqtx.html