会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132376个问题
JAVA 全系列/第四阶段:网页编程和设计/JavaScript语言 184楼

为什么通过name属性访问 select中的属性是 返回的结果为undefined


<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script type="text/javascript">
            function dom(){
                // 获取div对象
                var d = document.getElementById("div_1");
                //获取内容
                
                /**
                 * innerHTML:获取的是HTML中的所有内容,空白文档 能识别HTML代码
                 * innerText:获取的只是文档内容
                 * 
                 * 单标签都是使用.value的方式获得
                 * 需要记忆的是  复选框(dom2)  和  预留文本框 (dom3)
                 */
                // var val1 = d.innerHTML;
                // var val2 = d.innerText;
                
                // d.innerHTML = "<h1>茅塞顿开</h1>";
                // d.innerText = "<h1>茅塞顿开</h1>";
                
                //在当前位置追加内容
                d.innerText += "<h1>茅塞顿开</h1>";
                // console.log("innerHTML对象:"+val1);
                // console.log("innerText对象:"+val2)
            }
            
            function docum2(){
                //var sel = document.getElementById("userNo")
                var sel = document.getElementsByName("sm");
                alert(sel.value);
                
            }
            
            function dom3(){
                var tezt = document.getElementById("tex");
                alert(tezt.value);
            }
        </script>
    </head>
    <body>
        <div id="div_1">
            
            <span>山河剑心</span>
            
        </div>
        <select id="userNo" name="sm" onchange="docum2()">
            <option value="0">--请选择--</option>
            <option value="1">中国</option>
            <option value="2">美国</option>
        </select>
        <input type="button" name="" id="" value="获取内容" onclick="dom()" /><br><br>
        <!-- <input type="button" name="" id="" value="获取复选框中所选内容" onclick="dom2()" /> -->
        <textarea id="tex" rows="20" cols="20">2897343380</textarea>
        <input type="button" name="" id="" value="操作元素的内容" onclick="dom3()" /><br><br>
    </body>
</html>

GIF 2021-4-20 10-08-34.gif

JAVA 全系列/第四阶段:网页编程和设计/Javascript 语言(旧) 185楼
JAVA 全系列/第四阶段:网页编程和设计/HTML5(旧) 186楼
JAVA 全系列/第四阶段:网页编程和设计/HTML5(旧) 191楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637